@font-face {
    font-family: 'ABeeZee-Regular';
    src: url('../fonts/abeezee/ABeeZee-Regular.woff2') format('woff2'),
        url('../fonts/abeezee/ABeeZee-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Jost-Regular';
    src: url('../fonts/jost/Jost-Regular.woff2') format('woff2'),
        url('../fonts/jost/Jost-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'EncodeSansExpanded-Regular';
    src: url('../fonts/encode/EncodeSansExpanded-Regular.woff2') format('woff2'),
        url('../fonts/encode/EncodeSansExpanded-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Marcellus-Regular';
    src: url('../fonts/marcellus/Marcellus-Regular.woff2') format('woff2'),
        url('../fonts/marcellus/Marcellus-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/*
:root {
	--primario: #4C5646;
    --secondario: #DAD3CD;
    --arancio: #F0AF45;
    --marrone: #B99D75;
    --bianco: #ffffff;
	--nero: #000000;
}
*/
:root {
    --rosso: #660000;
    --gold: #B99D75;
    --beige: #dbd7cc;
    --grey: #C2BBBB;
    --bianco: #ffffff;
	--nero: #000000;
}

.bianco {
    color: var(--bianco) !important;
}
.nero {
    color: var(--nero) !important;
}
.rosso {
    color: var(--rosso) !important;
}
.gold {
    color: var(--gold) !important;
}
.beige {
    color: var(--beige) !important;
}
.grey {
    color: var(--grey) !important;
}
/*
.primario {
    color: var(--primario) !important;
}
.secondario {
    color: var(--secondario) !important;
}
.arancio {
    color: var(--arancio) !important;
}
*/
.bg_rosso {
    background-color: var(--rosso) !important;
}
.bg_gold {
    background-color: var(--gold) !important;
}
.bg_beige {
    background-color: var(--beige) !important;
}
.bg_grey {
    background-color: var(--grey) !important;
}
.bg_bianco {
    background-color: var(--bianco) !important;
}
.bg_nero {
    background-color: var(--nero) !important;
}

/*
.bg_primario {
    background-color: var(--primario) !important;
}
.bg_secondario {
    background-color: var(--secondario) !important;
}
.bg_arancio {
    background-color: var(--arancio) !important;
}
*/

body {
	font-size: 14px;
	line-height: 28px;
	color: var(--nero);
	font-family: 'EncodeSansExpanded-Regular';
}
@media (min-width: 361px) and (max-width: 1599px){
	body {
		font-size: calc(14px + (18 - 14) * ((100vw - 361px) / (1599 - 361)));
        line-height: calc(28px + (40 - 28) * ((100vw - 361px) / (1599 - 361)));
	}
}
@media (min-width: 1600px){
	body {
		font-size: 18px;
	    line-height: 40px;
	}
}


h1,h2,h3,h4,h5,h6 {font-weight: 500;}


.heading_1 {
    font-family: 'Marcellus-Regular';
    font-size: 30px !important;
    line-height: 40px !important;
}
@media (min-width: 361px) and (max-width: 1599px){
	.heading_1 {
		font-size: calc(30px + (40 - 30) * ((100vw - 361px) / (1599 - 361))) !important;
        line-height: calc(40px + (50 - 40) * ((100vw - 361px) / (1599 - 361))) !important;
	}
}
@media (min-width: 1600px){
	.heading_1 {
		font-size: 40px !important;
        line-height: 50px !important;
	}
}


.subheading_1 {
    font-family: 'EncodeSansExpanded-Regular';
    font-size: 20px !important;
    line-height: 26px !important;
}
/*
@media (min-width: 361px) and (max-width: 1599px){
	.subheading_1 {
		font-size: calc(20px + (25 - 20) * ((100vw - 361px) / (1599 - 361))) !important;
        line-height: calc(26px + (31 - 26) * ((100vw - 361px) / (1599 - 361))) !important;
	}
}
@media (min-width: 1600px){
	.subheading_1 {
		font-size: 25px !important;
        line-height: 31px !important;
	}
}
*/



.heading_2 {
    font-family: 'Marcellus-Regular';
    font-size: 26px !important;
    line-height: 36px !important;
}
/* FLUID TYPOGRAPHY */
/*
@media (min-width: 361px) and (max-width: 1439px){
	.heading_2 {
		font-size: calc(28px + (45 - 28) * ((100vw - 361px) / (1439 - 361))) !important;
        line-height: calc(40px + (56 - 40) * ((100vw - 361px) / (1439 - 361))) !important;
	}
}
*/

/* LAST
@media (min-width: 361px) and (max-width: 1279px){
	.heading_2 {
		font-size: calc(28px + (32 - 28) * ((100vw - 361px) / (1279 - 361))) !important;
        line-height: calc(40px + (44 - 40) * ((100vw - 361px) / (1279 - 361))) !important;
	}
}
@media (min-width: 1280px) and (max-width: 1599px){
	.heading_2 {
		font-size: calc(32px + (45 - 32) * ((100vw - 1280px) / (1599 - 1280))) !important;
        line-height: calc(44px + (56 - 44) * ((100vw - 1280px) / (1599 - 1280))) !important;
	}
}
*/
@media (min-width: 361px) and (max-width: 1599px){
	/*
    .heading_2 {
		font-size: calc(26px + (45 - 26) * ((100vw - 361px) / (1599 - 361))) !important;
        line-height: calc(36px + (56 - 36) * ((100vw - 361px) / (1599 - 361))) !important;
	}
    */
    .heading_2 {
		font-size: calc(26px + (35 - 26) * ((100vw - 361px) / (1599 - 361))) !important;
        line-height: calc(36px + (46 - 36) * ((100vw - 361px) / (1599 - 361))) !important;
	}
    .heading_2_small {
		font-size: calc(26px + (30 - 26) * ((100vw - 361px) / (1599 - 361))) !important;
        line-height: calc(36px + (40 - 36) * ((100vw - 361px) / (1599 - 361))) !important;
	}
}
@media (min-width: 1600px){
	/*
    .heading_2 {
		font-size: 45px !important;
        line-height: 56.43px !important;
	}
    */
    .heading_2 {
		font-size: 35px !important;
        line-height: 46px !important;
	}
    .heading_2_small {
		font-size: 30px !important;
        line-height: 40px !important;
	}
}


.subheading_2 {
    /*font-family: 'ABeeZee-Regular';*/
    font-family: 'Jost-Regular';
    font-size: 14px !important;
    line-height: 18.91px !important;
    color: var(--rosso) !important;

    text-transform: uppercase;
}
/*
@media (min-width: 1025px){
    .subheading_2 {
        font-size: 16px !important;
    }
}
*/

.heading_3 {
    font-family: 'Marcellus-Regular';
    /*
    font-size: 30px !important;
    line-height: 40px !important;
    */
    font-size: 26px !important;
    line-height: 36px !important;
}
/*
@media (min-width: 361px) and (max-width: 1599px){
	.heading_3 {
        font-size: calc(26px + (35 - 26) * ((100vw - 361px) / (1599 - 361))) !important;
        line-height: calc(36px + (45 - 36) * ((100vw - 361px) / (1599 - 361))) !important;
	}
}
@media (min-width: 1600px){
	.heading_3 {
		font-size: 35px !important;
        line-height: 45px !important;
	}
}
*/


.heading_4 {
    font-family: 'EncodeSansExpanded-Regular';
    font-size: 16px !important;
}
.heading_4.strong {
    font-weight: 600 !important;
}


.medium_1 {
    font-family: 'EncodeSansExpanded-Regular';
    /*
    font-size: 18px !important;
    line-height: 35px !important;
    */
    font-size: 14px;
	line-height: 28px;
}
@media (min-width: 361px) and (max-width: 1599px){
	.medium_1 {
		/*
        font-size: calc(14px + (18 - 14) * ((100vw - 361px) / (1599 - 361)));
        line-height: calc(28px + (35 - 28) * ((100vw - 361px) / (1599 - 361)));
        */
        font-size: calc(14px + (16 - 14) * ((100vw - 361px) / (1599 - 361)));
	}
}
@media (min-width: 1600px){
	.medium_1 {
		/*
        font-size: 18px;
	    line-height: 35px;
        */
        font-size: 16px;
	    line-height: 28px;
	}
}


.medium_2 {
    font-family: 'EncodeSansExpanded-Regular';
    font-size: 22px !important;
    line-height: 45px !important;
    font-weight: bold;
}
.small {
    font-family: 'EncodeSansExpanded-Regular';
    font-size: 14px !important;
    line-height: 17.5px !important;
}
.small_2 {
    font-family: 'EncodeSansExpanded-Regular';
    font-size: 14px !important;
    line-height: 25px !important;
}

a.cta_btn {
    /*
    font-size: 20px !important;
    line-height: 25px !important;
    */
    font-size: 14px;
	line-height: 20px;
}
@media (min-width: 361px) and (max-width: 1599px){
	a.cta_btn {
		font-size: calc(14px + (20 - 14) * ((100vw - 361px) / (1599 - 361)));
        line-height: calc(20px + (25 - 20) * ((100vw - 361px) / (1599 - 361)));
	}
}
@media (min-width: 1600px){
	a.cta_btn {
		font-size: 20px;
	    line-height: 25px;
	}
}