@import '../Headers/Header_02/header_02.css';

@import "../Moduli/ModuliInterattivi/flipbosx-1.css";

#mission .two-col-grid,
#vision .two-col-grid {
    gap: 0;
}
#mission .two-col-grid {
    grid-template-columns: 31.25vw 1fr; /* 600 */
}
#vision .two-col-grid {
    grid-template-columns: 1fr 31.25vw; /* 600 */
}

/* 1920x1080
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1920px) {

}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1620px) {

}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
    #mission .two-col-grid {
        grid-template-columns: 35.29vw 1fr;
    }
    #vision .two-col-grid {
        grid-template-columns: 1fr 35.29vw;
    }
}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
    #mission .col.col-text.apply-pad-2l {
        padding-left: 40px;
    }
    #vision .col.col-text.apply-pad-2r {
        padding-right: 40px;
    }
}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {
	
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

}