@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Agenda One Condensed';
    src: url('../fonts/AgendaOneCondensed-Regular.eot');
    src: url('../fonts/AgendaOneCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AgendaOneCondensed-Regular.woff2') format('woff2'),
        url('../fonts/AgendaOneCondensed-Regular.woff') format('woff'),
        url('../fonts/AgendaOneCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Agenda One Condensed';
    src: url('../fonts/AgendaOneCondensed-Bold.eot');
    src: url('../fonts/AgendaOneCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AgendaOneCondensed-Bold.woff2') format('woff2'),
        url('../fonts/AgendaOneCondensed-Bold.woff') format('woff'),
        url('../fonts/AgendaOneCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
:root{
    --light-color:#ffffff;
    --primary-color:#fed002;
    --secondary-color:#67a9e2;
    --bg-color: #242674;
}
.color-light{
    color: var(--light-color)!important;
}
.color-primary{
    color: var(--primary-color);
}
.color-secondary{
    color: var(--secondary-color);
}
html{
    font-size: 16px;
}
body{
    background-color: var(--bg-color);
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    color: var(--light-color);
}
.fs-1 {
    font-size: 3vw !important;
}
.fs-2 {
    font-size: 2.9vw !important;
}
.fs-3 {
    font-size: 2.25vw !important;
}
.fs-4 {
    font-size: 1.275vw !important;
}
.fs-5 {
    font-size: 1.175vw !important;
}
.fs-6 {
    font-size: 1vw !important;
}
.content{
    padding-right: 5vw;
    padding-left: 5vw;
}
.space-subscribe{
    padding-top: 7vw;
}
.btn-image{
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: .7vw;
    padding-bottom: .7vw
}
.btn-verde{
    background-image: url('../images/btn-bg-verde.webp');
}
.btn-amarelo{
    background-image: url('../images/btn-bg-amarelo.webp');
}
.btn-laranja{
    background-image: url('../images/btn-bg-laranja.webp');
}
.btn-roxo{
    background-image: url('../images/btn-bg-roxo.webp');
}
.btn-outline-light:hover,
.btn-outline-light:visited,
.btn-outline-light:focus{
    background-color: unset!important;
}
.bg-roxo{
    background-image: url('../images/bg-roxo.webp');
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    font-family: 'Agenda One Condensed', sans-serif;
    letter-spacing: -1px;
    padding: 2vw 3.5vw 2.5vw;
    font-size: 2vw !important;
}
.bg-roxo .fw-normal{
    font-size: .734em;
}
.fs-1 .small-1{
    font-size: .92em;
}
.fs-1 .small-2{
    font-size: .87em;
}
.logotipo{
    width: 13vw;
}
@media screen and (max-width: 1280px) {
    .fs-1 {
        font-size: 2.6vw !important;
    }
    .fs-5 {
        font-size: 0.9vw !important;
    }
    .fs-6 {
        font-size: 0.9vw !important;
    }
}

@media screen and (max-width:991px) {
    .vh-100{
        height: auto!important;
        min-height: 100vh;
    }
    body{
        background: #1f3284;
        background: radial-gradient(circle, #1f3284 0%, rgb(36 37 121) 162%);
    }
    .fs-2{
        font-size: 9.8vw !important;
    }
    .fs-3 {
        font-size: 7.8vw !important;
    }
    .fs-3.data {
        font-size: 4.8vw !important;
    }
    .fs-4{
        font-size: 3.2vw !important;
    }
    .fs-6 {
        font-size: 2.8vw !important;
    }
    .bg-image{
        background-image: url('../images/bg-mobile.webp');
        background-position: top center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .bg-roxo{
        background-image: url('../images/bg-roxo-mobile.webp');
        font-size: 4.5vw !important;
        margin-top: 40vw;
        padding: 3vw 7.5vw 5vw;
    }
    .bg-roxo .fw-normal {
        line-height: .9 !important;
    }
    .btn-image{
        padding-top: 2.3vw;
        padding-bottom: 2.3vw;
    }
    .btn-verde{
        background-image: url('../images/btn-bg-verde-mobile.webp');
    }
    .btn-amarelo{
        background-image: url('../images/btn-bg-amarelo-mobile.webp');
    }
    .btn-laranja{
        background-image: url('../images/btn-bg-laranja-mobile.webp');
    }
    .btn-roxo{
        background-image: url('../images/btn-bg-roxo-mobile.webp');
    }
    .logotipo{
        width: 39vw; 
    }    
    .color-primary-mbl{
        color: var(--primary-color);
    }
}
@media screen and (max-width:567px) {
    html{
        font-size: 12px;
    }
    .btn-image{
        background-size: cover;
        border-radius: .8rem;
    }
    .bg-roxo .fw-normal {
        letter-spacing: -.5px;
    }
    
    
}
@media screen and (min-width:992px) {
    .space-subscribe{
        padding-top: 4vw;
    }
    .bg-image{
        background-image: url('../images/bg-desktop.webp');
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
    } 
}
@media screen and (min-width:1400px) {
    .space-subscribe{
        padding-top: 7vw;
    }
      
}