/* Responsive layout corrections deployed 2026-08-04. */

#logo a {
    top: 15px;
}

#logo-en a {
    width: 324px;
}

header#home #logo-en a {
    left: 0;
}

@media only screen and (min-width: 961px) {
    #hero,
    #hero-slides,
    #hero-slides li {
        height: 100vh;
    }

    #hero-slides img.slide-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
    }
}

@media only screen and (max-width: 1024px) {
    #logo a {
        top: 15px;
    }

    #logo-en a {
        width: 262px;
        height: 65px;
        top: 20px;
        background: url(../img/logo-medium-en.png) no-repeat top left;
    }
}

@media only screen and (max-width: 960px) {
    #logo-en a {
        position: relative;
        width: 324px;
        height: 80px;
        top: auto;
        left: auto;
        margin: 78px auto 0 auto;
        background: url(../img/logo-en.png) no-repeat top left;
    }
}

@media only screen and (max-width: 480px) {
    #logo-en a {
        position: relative;
        width: 158px;
        height: 39px;
        top: auto;
        left: auto;
        margin: 4% auto 0 auto;
        background: url(../img/logo-small-en.png) no-repeat top left;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
    #logo a {
        margin-top: 0;
        background: url(../img/logo-2x.png) no-repeat top left;
        background-size: contain;
    }

    #logo-en a {
        background: url(../img/logo-2x-en.png) no-repeat top left;
        background-size: contain;
    }
}

@media only screen and (max-width: 960px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #logo a {
        margin-top: 78px;
    }
}

@media only screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 1.5) {
    #logo a {
        margin-top: 4%;
    }
}