@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-ExtraBoldItalic.eot');
    src: url('../fonts/Averta-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Averta-ExtraBoldItalic.woff') format('woff'),
        url('../fonts/Averta-ExtraBoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Averta';
    src: url('../fonts/Averta-LightItalic.eot');
    src: url('../fonts/Averta-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-LightItalic.woff2') format('woff2'),
        url('../fonts/Averta-LightItalic.woff') format('woff'),
        url('../fonts/Averta-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
:root{
    --light-color:#efefef;
    --primary-color:#f09536;
}
html{
    font-size: 16px
}
body{
    font-family: 'Averta', sans-serif;
    font-style: italic;
    font-weight: bold;
    color: var(--light-color);
    background-color: var(--light-color);
}
.fs-1 {
    font-size: 3.3vw !important;
}
.fs-2 {
    font-size: 2.6vw !important;
}
.fs-3{
    font-size: 2.1vw !important;
}
.fs-4 {
    font-size: 1.5vw !important;
}
.fs-5 {
    font-size: 1.2vw !important;
}
.span__aviso{
  	margin-top: 0.5vw;
 	font-size: 1vw !important;
}
.btn-primary,
.btn-primary:hover,
.btn-primary:visited,
.btn-primary:focus{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
.btn-large{
    height: 5vw;
}

.justify-content-custom{
    justify-content: center;
}

.linha-degrade{
    background-image: url('../images/barra-degrade.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: .12rem;
}
.logotipo-alfa{
    padding-left: 3.5vw;
    padding-right: 3.5vw;
}
.icone-checked{
    max-width: 2.4vw;
}
@media screen and (max-width:1600px) {
    html{
        font-size: 9px;
    }
    
}
@media screen and (max-width:1366px) {
    .justify-content-custom{
        justify-content: start;
    }
}
@media screen and (max-width:991px) {
    html{
        font-size: 12px;
    }
    .vh-100{
        height: auto!important;
        min-height: 100vh!important;
    }
    .span__aviso{
        margin-top: 0.5vw;
        font-size: 1.8vw !important;
    }
    .bg-topo-mobile{
        background-image: url('../images/aluno-alfa-mobile.webp');
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 12vw;
        padding-bottom: 12vw;
    }
    .bg-middle-mobile{
        background-image: url('../images/bg-mobile.webp');
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 10vw;
        padding-bottom: 9vw;
    }
    .fs-1 {
        font-size: 5.2vw !important;
    }
    .fs-2 {
        font-size: 5.9vw !important;
    }
    .fs-2.fw-light{
        font-size: 4vw !important;
    }
    .fs-3 {
        font-size: 3.775vw !important;
    }
    p.fs-3 {
        font-size: 3vw !important;
    }
    .fs-4 {
        font-size: 2.5vw !important;
    }
    .fs-5 {
        font-size: 4vw !important;
    }
    .btn-large {
        height: 8vw;
    }
    .icone-checked {
        max-width: 3.2vw;
    }
    .logotipo-alfa .img-fluid {
        max-width: 80%;
    }
}
@media screen and (max-width:575px) {
    html{
        font-size: 10px;
    }
    .bg-topo-mobile{
        padding-top: 8vw;
        padding-bottom: 8vw;
    }
    .bg-middle-mobile {
        padding-top: 8vw;
        padding-bottom: 7vw;
    }
    .fs-3 {
        font-size: 5vw !important;
    }
    .fs-4 {
        font-size: 3.8vw !important;
    }
    .btn-large {
        height: 13vw;
    }
}
@media screen and (min-width:992px) {
    .bg-desktop{
        background-image: url('../images/aluno-alfa.webp');
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
    }
}