@font-face {
    font-family: 'LeagueGothic-Regular';
    src: url('../fonts/LeagueGothic-Regular.eot');
    src: url('../fonts/LeagueGothic-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LeagueGothic-Regular.woff2') format('woff2'),
        url('../fonts/LeagueGothic-Regular.woff') format('woff'),
        url('../fonts/LeagueGothic-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Averta-Regular';
    src: url('../fonts/Averta-Regular.eot');
    src: url('../fonts/Averta-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Averta-Regular.woff2') format('woff2'),
        url('../fonts/Averta-Regular.woff') format('woff'),
        url('../fonts/Averta-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
    --light-color:#ffffff;
    --primary-color:#21517c;
    --secondary-color:#ffba00;
}
.color-light{
    color: var(--light-color);
}
.color-primary{
    color: var(--primary-color);
}
.color-secondary{
    color: var(--secondary-color);
}
.border-primary{
    border-color: var(--primary-color)!important;
}
.fw-bold{
    font-family: 'LeagueGothic-Regular', sans-serif;
    font-weight: normal!important;
    letter-spacing: -.015em;
}
html{
    font-size: 16px;
}
body{
    font-family: 'Averta-Regular', sans-serif;
    color: var(--light-color);
    background-color: var(--secondary-color);
}
.bg-image{
    background-image: url('../images/bg-desktop.webp');
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    height: calc(5rem + 16vw);
}
.fs-1 {
    font-size: calc(2.375rem + 3.2vw) !important;
}
.fs-2 {
    font-size: calc(2.325rem + 1.4vw) !important;
}
.fs-3 {
    font-size: calc(1.3rem + 1.2vw) !important;
}
.fs-5 {
    font-size: 1.4rem !important;
}
.btn-primary{
    background-color: var(--primary-color)!important;
    border-color: var(--primary-color)!important;
}
.bg-pencil{
    background-image: url('../images/bg-pencil.webp');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: .7em;
}

@media screen and (min-width: 1200px) {
    .fs-1 {
        font-size: 4.4rem !important;
    }
    .fs-2 {
        font-size: 3.2rem !important;
    }
    .fs-3 {
        font-size: 2.4rem !important;
    }
}
@media screen and (max-width:1600px) {
    html{
        font-size: 11px;
    }
    .btn-primary{
        margin:  0 auto;
        max-width: 335px;
    }
    .bg-pencil{
        padding: .9em;
    }
    .logos__custom img{
        margin-top: 0;
        width: 12em;
    }
}

@media screen and (max-width:1400px) {
    html{
        font-size: 14px;
    }/*
    .fs-1 {
    font-size: calc(2.375rem + 3.2vw) !important;
    }
    .fs-2 {
        font-size: calc(2.325rem + 1.4vw) !important;
    }
    .fs-3 {
        font-size: calc(1.3rem + 1.2vw) !important;
    }
    .fs-5 {
        font-size: 1.4rem !important;
    }*/
    .fs-1 {
        font-size: 2.4rem !important;
    }
    .fs-2 {
        font-size: 2.5rem !important;
    }
    .fs-3 {
        font-size: 2rem !important;
    }
    .asterisco{width: 1rem; height: 1rem;}
}

@media screen and (max-width: 1366px) {
    html{
        font-size: 12px;
    }
    .bg-image{
        background-image: url('../images/bg-laptop.webp');
        background-position: bottom center;
        background-size: cover;
        background-repeat: no-repeat;
        height: calc(4.5rem + 15vw);
    }
    .btn-primary{
        margin:  0 auto;
        max-width: 290px;
    }
    .bg-pencil{
        padding: .9em;
    }
    .logos__custom img{
        margin-top: 1em;
        width: 8em;
    }
    .custom__margin-left{
        padding-left: 10em;
    }
}

@media screen and (max-width: 1280px) {
    html{
        font-size: 10.5px;
    }
       .custom__margin-left{
        padding-left: 14em;
    }
}


@media screen and (max-width:991px) {
    .d-flex.h-100{
        height: auto!important;
    }
    .bg-image{
        background-image: url('../images/bg-mobile.webp');
        background-position: top center;
        background-size: cover;
        background-repeat: no-repeat;
        height: calc(20rem + 38vw);
    }
    .custom__margin-left {
        padding-left: 0;
    }
    
}
@media screen and (max-width:767px){
    html{
        font-size: 12px;
    }    
    .col-mobile{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-top: 3rem;
    }
    .footer-mobile{
        gap: 1rem!important;
        justify-content: space-between!important;
    }
    .footer-mobile a{
        padding: 5px 15px!important
    }
    .footer-mobile img{
        width: 10rem;
    }
        .fs-1 {
        font-size: 4.4rem !important;
        margin-bottom: 2rem;
    }

}
@media screen and (max-width:575px){
    html{
        font-size: 10.5px;
    }    
}