.blocco-intro {
    position: relative;
    margin-top: 0;
    height: auto;
}

.blocco-intro:first-of-type.blocco {padding-top: 122px;} 
.blocco-intro:first-of-type.blocco.empty {padding-top: 72px;} 

.blocco-intro .gradient {
    background: linear-gradient(to bottom,  rgba(50,80,100,1) 24%,rgba(50,80,100,0.2) 100%);
    mix-blend-mode: multiply;
}

.blocco-intro .occhiello {
    text-transform: uppercase;
    color:#C28936;
    margin-bottom: 10px;
}

.blocco-intro h1 {font-weight: 600;}

.blocco-intro .ruolo {
    color: #C28936;
    font-weight: 200;
}

.blocco-intro .social-nav.color ul li.in {background-image:url("../img/social/ico_in_blue.svg")}

.blocco-intro .back-link {
    color: #C28936;
    font-size: 20px;
    font-weight: 800;
}

.blocco-intro .data {
    margin-bottom: 50px;
    display: block;
    font-family: "playfair-display-regular", serif;
    font-weight: 600;
    font-size: 20px;
}

.home .blocco-intro:first-of-type {margin-top: 0 !important; padding-top: 0 !important; padding-bottom: 25px;}
.home .blocco-intro .main-img {height: 90vh;}
.home .blocco-intro .main-img .fit-img-cover img {object-position: 22% center;}
.home .blocco-intro .main-img .vignettatura {
    background: transparent linear-gradient(137deg, #FFFFFF 0%, #F4F5F5 28%, #78828B 62%, var(--unnamed-color-1e2e3e) 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(137deg, #FFFFFF 0%, #F4F5F5 28%, #78828B 62%, #1E2E3E 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: multiply;
    opacity: 1;
}

.home .blocco-intro:first-of-type .container-fluid:first-of-type {margin: 0;}
.home .blocco-intro .titolo {margin-left: 0; transform: translateY(-45%);}

.home .blocco-intro .custom-margin {margin-top: 0px; margin-right: 0;}

.home .blocco-intro .side-img {width: 100%; position: relative;}


/*--------------------------------------------------------------------------------*/
/*** Media Query ***/
/* sopra 000px -> bootstrap ref. */
@media (min-width: 415px) {}
@media (min-width: 576px) /* SM */ {}
@media (min-width: 768px) /* MD */ {}
@media (min-width: 992px) /* LG */ {
    .blocco-intro:first-of-type.blocco {padding-top: 214px;} 
    .blocco-intro:first-of-type.blocco.empty {padding-top: 64px;} 
    .home .blocco-intro:first-of-type {margin-top: 0 !important;  padding-top: 0 !important;}
    .home .blocco-intro:first-of-type > .container-fluid:first-of-type {margin-left: 0; margin-right: 140px;}
    .home .blocco-intro .titolo {margin-left: -150px; width: calc( 100% + 150px ); transform: translateY(0);}
    .home .blocco-intro .side-img {
        height: 70vh;
        width: 20vw;
    }
    .home .blocco-intro .custom-margin {margin-top: -50px; margin-right: 0;}
}
@media (min-width: 1200px) /* XL */ {}
@media (min-width: 1367px) {}
@media (min-width: 1920px) {}

/* sotto 000px -> bootstrap ref. */
@media (max-width: 1200px) /* XL */ {}
@media (max-width: 992px) /* LG */ {}
@media (max-width: 768px) /* MD */ {}
@media (max-width: 576px) /* SM */ {}

/* orientamento finestra/dispositivo */
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}

/* solo dispositivi touch */
@media (hover: none) {}