.blocco-Q {position: relative; padding-top: 100px !important;}

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

.blocco-Q .area-dark {
    position: absolute;
    left: 0;
    background-color: #1E2E3E;
    width: calc( 100vw + 0px );
    height: calc( 100% - 0px );
    z-index: -1;
    top:0;
}

.blocco-Q .titolo {color: #fff;}

/*--------------------------------------------------------------------------------*/
/*** 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-Q .area-dark {
        position: absolute;
        left: 0;
        background-color: #1E2E3E;
        width: calc( 50vw + 100px );
        height: calc( 100% - 0px );
        z-index: -1;
        top: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) {}