.header-width-navigation__slide {
        padding-top: 0;
        /*display: block;*/
    }

    .header-width-navigation__main {
        margin-top: -100%;
        position: relative;
        display: flex;
        flex-direction:column;
    }

    .header-width-navigation__slide:before {
        background-size: auto 120%;
        background-position: 50% 80%;
    }

    .header-width-navigation__logo {
        max-width: min(400px, 100%);
        margin-top: 50px;
        align-self: center;
        transform: translateY(-20px);
    }

    .header-width-navigation__image {
        display: block;
        top: 28%;
        max-width: min(400px, 85%);
        transform: scale(.9) translateX(-50%);
    }

    .header-width-navigation__title {
        position: absolute;
        z-index: 2;
        left: 0;
        top: 75%;
        margin-bottom: 0;
        display: block;
        align-self: flex-end;
        text-align: center;
        font-size: 1.4rem;
        width: 100%;
        color: var(--color-3);

    }
    .header-width-navigation__main {
        position: static;
    }

    @media(min-width: 768px) {

        .header-width-navigation__slide:before {
            background-size: cover;
            background-position: center center;
        }

        .header-width-navigation__logo {
            max-width: 400px;
            margin-top: 160px;
            align-self: flex-end;
        }

        .header-width-navigation__title {
            position: static;
            padding-top: 100px;
            max-width: 400px;
            font-size: 1.6rem;
            margin-top: auto;
        }

        .header-width-navigation__image {
            display: block;
            top: 40%;
            max-width: 300px;
            left: var(--leftover-container-space);
            translate: none;
            transform: scale(.9);
        }

        .header-width-navigation__main {
            margin-top: 0;
        }

        .header-width-navigation.animated
        .header-width-navigation__image {
            transform: none;
        }
    }

    @media (min-width: 998px) {
        .header-width-navigation__logo {
            max-width: 550px;
            margin-top: 130px;
        }

        .header-width-navigation__title {
            max-width: 550px;
            font-size: 1.8rem;
        }

        .header-width-navigation__image {
            top: 35%;
            max-width: 440px;
        }
    }

    @media(min-width: 1200px) {
        .header-width-navigation__logo {
            margin-top: 40px;
            max-width: 670px;

        }

        .header-width-navigation__title {
            max-width: 670px;
            font-size: 2rem;
        }

        .header-width-navigation__image {
            top: 26%;
            max-width: 540px;
        }
    }

    @media(min-width: 1600px) {
        .header-width-navigation__logo {
            margin-top: 0;
        }

        .header-width-navigation__title {
            max-width: 720px;
        }
    }
.header-width-navigation__presents-link img {
  min-height: 24px;
}