@font-face {
	font-family: 'ArchivoRegular';
	src: url('../fonts/Archivo-Regular.woff2');
}
@font-face {
	font-family: 'ArchivoLight';
	src: url('../fonts/Archivo-Light.woff2');
}
@font-face {
	font-family: 'ArchivoBold';
	src: url('../fonts/Archivo-Bold.woff2');
}
@font-face {
	font-family: 'ArchivoBlack';
	src: url('../fonts/Archivo-Black.woff2');
}

:root {
    --col-primary: #edc86b;
    --col-secondary: #241f20;
    --col-black: #000000;
    --col-white: #ffffff;
}

body {
    font-family: 'ArchivoRegular', sans-serif;
    line-height: 1.9rem;
    color: var(--col-white);
    font-size: 1.35rem;
    background: url(../images/bg_natale_2022-min.jpg) no-repeat;
    background-size: cover;
}

.ArchivoRegular {
    font-family: 'ArchivoRegular', sans-serif;
}
.ArchivoLight {
    font-family: 'ArchivoLight', sans-serif;
}
.ArchivoBold {
    font-family: 'ArchivoBold', sans-serif;
}
.ArchivoBlack {
    font-family: 'ArchivoBlack', sans-serif;
}

/* Background color */
.back-primary {background: var(--col-primary);}
.back-secondary {background: var(--col-secondary);}
.back-black {background: var(--col-black);}
.back-white {background: var(--col-white);}
.back-none {background: none !important;}

/* ! Colors */
.color-primary {color: var(--col-primary);}
.color-secondary {color: var(--col-secondary);}
.color-black {color: var(--col-black);}
.color-white {color: var(--col-white);}

ul {list-style: none}

li::before {content: "•"; color: var(--col-primary); display: inline-block; width: 1em; margin-left: -1em}


.claim_first {
    font-size: 2.2rem;
    line-height: 2.5rem;
}

.text-claim {
    font-size: 2rem;
    line-height: 2.2rem;
}
.text-claim span {
    position: relative;
    top: -15px;
    font-size: 1rem;
    line-height: 1.2rem;
}

.text-prezzo {
    font-size: 4rem;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: var(--col-primary);
    text-shadow: 0px 0px 15px #dd3b0c;
    line-height: 4rem;
}

.text-prezzo span {
    font-size: 2.5rem;
    font-family: 'Montserrat', sans-serif;
    /* font-weight: 500; */
}

.text-desc {
    font-family: 'ArchivoBold', sans-serif;
    font-size: .8rem;
    color: var(--col-primary);
    line-height: 1rem;
}
.text-desc span {
    font-family: 'ArchivoLight', sans-serif;
    color: var(--col-white);
}

.fz-1_3 {
    font-size: 1.3rem;
    line-height: 1.8rem;
}




a {color: var(--col-white); font-size: .8rem;}

.btn-primary {
    background-color: var(--col-primary);
    border-color: var(--col-primary);
    font-size: 1.2rem;
    color: var(--col-black);
    font-family: 'ArchivoRegular', sans-serif;
    padding: .5rem 2.4rem;
    letter-spacing: .3px;
    border-radius: 2px;
}

.btn-primary:hover {
        background-color: var(--col-white);
        border-color: var(--col-primary);
        color: var(--col-black);
    }

.lspacing {
    letter-spacing: .3px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    body {
        font-size: 1rem;
        line-height: 1.3rem;
    }
    
    .fz-1_3 {
        font-size: 1.2rem;
        line-height: 1.8rem;
    }

   
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    body {
        font-size: 1.3rem;
        line-height: 1.9rem;
    }
    
    .fz-1_3 {
        font-size: 1.5rem;
        line-height: 2.3rem;
    }

   
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    body {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }
   
    .fz-1_3 {
        font-size: 1.8rem;
        line-height: 2.3rem;
    }

    
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    body {
        font-size: 1.5rem;
        line-height: 1.9rem;
    }
   

    .fz-1_3 {
        font-size: 2.3rem;
        line-height: 2.8rem;
    }
    .fz-2 {
        font-size: 2rem;
        line-height: 2.2rem;
    }

    .claim_first {
        font-size: 4.2rem;
        line-height: 5.4rem;
    }

   .text-claim {
        font-size: 4rem;
        line-height: 4.2rem;
    }

    .text-claim span {
        position: relative;
        top: -35px;
        font-size: 2rem;
        line-height: 2.2rem;
    }

    .text-prezzo {
        font-size: 8rem;
        text-shadow: 0px 0px 15px #dd3b0c;
      /*  line-height: 6rem; */
    }
    .text-prezzo span {
        font-size: 4rem;
    }

    .text-desc {
        font-size: 1.3rem;
        line-height: 3rem;
    }

    .btn-primary {
        background-color: var(--col-primary);
        border-color: var(--col-primary);
        font-size: 1.5rem;
        color: var(--col-black);
        font-family: 'ArchivoBold', sans-serif;
        padding: 0.8rem 5.4rem;
        letter-spacing: .3px;
        text-shadow: 0px 0px 5px #fff;
        border-radius: 2px;
    }
    .btn-primary:hover {
        background-color: var(--col-white);
        border-color: var(--col-primary);
        color: var(--col-black);
    }   
}


footer a:link, footer a:visited {
  /* color: #000; */
  font-weight: 600;
  text-decoration: underline !important; }
footer a:active, footer a:hover {
  /* color: #000; */
  text-decoration: underline !important; }
footer .small {
  font-size: 10px;
  line-height: 17px;
  border-top: 1px solid rgba(216, 216, 216, 0.5);
  padding: 44px 30px; }
footer .colophon {
  border-top: 2px solid rgba(216, 216, 216, 0.5); 
  font-size: 13px;
  line-height: 27px;
  padding: 44px 0 44px 20px; }