/* FONT FAMILY ********************************/
@font-face{font-family:'Antigua Presidente';src:url(../fonts/AntiguaPresidenteRegular.woff2) format("woff2"),url(../fonts/AntiguaPresidenteRegular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
.font-antigua{font-family:'Antigua Presidente';font-weight:400;font-style:normal}
@font-face{font-family:'Franklin Gothic';src:url(../fonts/FranklinGothic-Heavy.woff2) format("woff2"),url(../fonts/FranklinGothic-Heavy.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}
.font-franklin{font-family:'Franklin Gothic';font-weight:900;font-style:normal}
@font-face{font-family:'Poppins';src:url(../fonts/Poppins-Regular.woff2) format("woff2"),url(../fonts/Poppins-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
.font-poppins{font-family:'Poppins';font-weight:400;font-style:normal}

/* GENERALI ***************************/
*,:before,:after{box-sizing:border-box}
body {margin:0;padding:0; font-family:'Poppins',sans-serif;overflow-x:hidden}

/* PALETTE ****************************/
:root {
    --primary: #00b1d5;
    --dark: #3c4858;
    --white: #ffffff;
    --topperFontSize: clamp(2rem, 5vw, 2.5rem);
    --headerFontSize: clamp(2rem, 8vw, 4rem);
    --subtitleFontSize: clamp(.9rem, 3vw, 1.1rem);
    --bodyFontSize: 1rem;
    --sectionPadding: clamp(3.75rem, 7.82vw, 10rem) 1rem clamp(2.5rem, 6.82vw, 10rem);
}

/* TITOLI ****************************/
p{font-family:'Poppins',sans-serif;letter-spacing:1px}
.topper{font-size:var(--topperFontSize);font-family:'Antigua Presidente', sans-serif;text-transform:capitalize;color:var(--primary);
    margin-bottom:.95rem;width:fit-content;}
.title{font-family:'Franklin Gothic';font-size:var(--headerFontSize);line-height:1.2em;max-width:45rem;margin:0 0 1rem;
    color:var(--dark);text-transform:uppercase;letter-spacing:5px;font-style: italic}
.subtitle{font-family:'Poppins',sans-serif;font-size:var(--subtitleFontSize);text-transform: uppercase;color: var(--dark);font-weight:100;letter-spacing: 10px;margin: 20px 0;}
.text{font-size:var(--bodyFontSize);line-height:1.5em;max-width:40.625rem;color:var(--dark)}
.primary{color:var(--primary)!important}

/* UTILI ******************************/
.d-none{display:none!important}
.d-block{display:inline-block!important}
.d-flex{display:flex!important}
@media only screen and (min-width: 80rem) {
.d-lg-none{display:none!important}
.d-lg-block{display:inline-block!important}
.d-lg-flex{display:flex!important}
.title{letter-spacing:10px}
}