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

#industries:after {
    content: '';
    display: block;
    width: 100%;
    height: 100vw;
    position: absolute;
    top: -43vw;
    right: 0;
    background: radial-gradient(
        ellipse 60% 60% at 86% 48%, /* width height - X Y */ 
            rgba(0, 69, 107, 1) 1%, 
            rgba(0, 69, 107, 0) 55%
    );
    z-index: -1;
    opacity: 0.3;
}
#industries .three-col-grid {
    grid-gap: 2.08vw 1.56vw; /* 40 30 */
}
#industries .col-content {
    padding-top: 1.82vw; /* 35 */
    z-index: 2;
}

/* 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) {

}

/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
    #industries .col-content {
        padding: 25px;
    }
}

/* 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) {

}