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

.tecnology-stripe .two-col-grid {
    grid-template-columns: 35% 1fr;
}
.tecnology-stripe .two-col-grid.reverse {
    grid-template-columns: 1fr 35%;
}

.tecnology-stripe .col-title {
    padding-top: 20px;
    position: relative;
}
.tecnology-stripe .col-title h2 {
    position: sticky;
    top: 120px;
}

.tecnology-stripe .col-logo {
    max-height: 8.07vw; /* 155 */
    padding: 1.56vw; /* 30 */
}
.tecnology-stripe img {
    filter: brightness(0) invert(55.3%) sepia(8%) saturate(220%) hue-rotate(185deg);
}

.divider.divider-light {
    background-color: var(--color-white);
    opacity: 0.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) {

}

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

}