.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: 320px;
            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: 480px;
        }
    }

    @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;
        }
    }:root { 
           --color-1: #e50074;
            --color-2: #0e2a64;
            --color-3: #f6bfd9;
            --color-body: #ffebf4;
            --color-text: #0e2a64;
            --color-title: var(--color-1);
            --body-texture: none;
            --header-gradient-height-mobile: 85px;
            --header-gradient-height: 100px;
            --header-border-color: #0e2a64;
            --header-background: linear-gradient(180deg, rgba(255, 235, 244, 0.7) -6.56%, var(--color-body) 100%);
            --header-background-image: url('https://cdn.studio100.com/de-3-biggetjes/stars-pattern.jpg');
            --slider-width-navigation-background: rgba(255, 235, 244, .5);

            --footer-background-image: url('https://cdn.studio100.com/de-3-biggetjes/stars-pattern.jpg');
            --footer-gradient-background: none;
            --footer-text-color: #ffebf4;
            --copyright-text-color: #ffebf4;
            --copyright-background: #0E2A64;

            --button-primary-texture: none;

            --font: mandala;
            --font-title: mandala;
}

    .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;
}