@media (max-width: 1200px) {  }



@media (max-width: 992px) {  }


@media (max-width: 768px) { 
.header__logo img {
    width: 30% !important;
    height: 100%;
}

.header--overlay .header__logo {
    width: 100% !important;
    display: initial;
    flex: 50%;
    flex-direction: row;
}
    
}




@media (max-width: 576px) { 
        .header__logo img {
    width: 80% !important;
    height: 100%;
}
    
}