@media screen and (min-width: 1400px) {
/*    header {
        background-color: #ffffff;
    }*/

    header .outer img {
        background-color: #ffffff;
        width: 100%;
        min-height: 150px;
        max-height: 25vh;
        object-fit: cover;
    }


}
@media screen and (max-width: 1399px) {
/*    header {
        background-color: #ffffff;
    }*/

    header .outer img {
        background-color: var(--white);
        width: 100%;
        min-height: 125px;
        max-height: 24vh;
        object-fit: cover;
    }
}
/* Планшеты и небольшие ноутбуки */
@media screen and (max-width: 1024px) {
    header .outer img {
        width: 100%;
        min-height: 100px;
        max-height: 23vh;
        object-fit: cover;
    }
}

@media screen and (max-width: 844px) {

    header .outer img {
        width: 100%;
        min-height: 80px;
        max-height: 22vh;
        object-fit: cover;
    }
}

/* Мобильные устройства в горизонтальной ориентации или очень узкие планшеты */
@media screen and (max-width: 768px) {

    header .outer img {
        width: 100%;
        min-height: 75px;
        max-height: 21vh;
        object-fit: cover;
    }
}

/* Мобильные устройства в портретной ориентации */
@media screen and (max-width: 480px) {
    header .outer {
        height: 15vh;
        position: relative;
    }
        header .outer img {

            overflow: hidden;
            position: relative;

            width: 100%;
            height: 100%;
            min-height: 50px;
            max-height: 15vh;
            object-fit: cover;
            object-position: 100% center;
            display: block;
        }
}