@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (max-width: 1270px) {
    body {
        /* background-position-x: -117px; */
    }
}

@media (max-width: 1199px) {
    body {
        background-position-x: -188px;
        background-size: 119%;
    }

    .naar-website a {
        left: -20px;
    }

}

@media (max-width: 1024px) {
    body {
        background-position-x: -375px;
        background-size: 139%;
    }
}

@media (max-width: 991px) {
    body {
        background-position-x: -513px;
        background-size: 173%;
    }

    .landingpage-card {
        margin-bottom: 25px;
    }

    .naar-website a {
        left: 0px;
    }
}

@media (max-width: 920px) {
    body {
        background-position-x: -430px;
    }
}

@media (max-width: 870px) {
    body {
        background-position-x: -446px;
    }
}

@media (max-width: 767px) {
    body {
        background-position-x: -409px;
        background-size: 202%;
    }

    .header-adres {
        display: none;
    }
}

@media (max-width: 685px) {
    body {
        background-position-x: -343px;
        background-size: 203%;
    }
}

@media (max-width: 575px) {
    body {
        background-position-x: -485px;
        background-size: 313%;
    }

    .header-logo img {
        height: 53px;
    }

    .header-routebeschrijving {
        color: #e80051;
        border: 2px solid #e80051;
    }

    .header-routebeschrijving a{
        color: #e80051;
    }

    .header-routebeschrijving span {
        background-color: #e80051;
    }

    .header-routebeschrijving span::before {
        background-image: url(../img/arrow-white.png);
    }

    header {
        position: relative;
        top: 15px;
    }

    .header-logo {
        padding-bottom: 15px;
    }

    .landinpage-intro-tekst {
        margin-top: 30px;
    }

    .landingpage-intro-tekst a {
        font-size: 14px;
    }

    .p-2 {
        padding: 15px !important;
    }
}

@media (max-width: 420px) {
    body {
        background-position-x: -429px;
        background-size: 322%;
    }

}

@media (max-height: 823px) and (max-width: 412px) {
    body {
        background-position-x: -535px;
        background-size: 352%;
    }
}

@media (max-height: 731px) and (max-width: 412px) {
    body {
        background-position-x: -459px;
        background-size: 326%;
    }
}

@media (max-width: 400px) {
    body {
        background-position-x: -600px;
        background-size: 390%;
    }
}

@media (max-width: 375px) and (max-height: 812px) {
    body {
        background-position-x: -541px;
        background-size: 390%;
    }

    .landingpage-intro-tekst a {
        font-size: 17px;
    }
}

@media (max-height: 680px) and (max-width: 375px) {
    body {
        background-position-x: -375px;
        background-size: 320%;
    }
}

@media (max-width: 320px) {
    body {
        background-position-x: -277px;
        background-size: 320%;
    }

    .landinpage-intro-tekst p {
        font-size: 30px;
    }

    .landingpage-intro-tekst a {
        font-size: 15px;
    }
}