/* ALL NON-DESKTOP */
@media only screen and (max-width: 991px){
    #parallax{
        background-size: contain;
    }

    .reserveren #parallax{
        background-size: cover;
    }

    #contact_form_wrapper{
        width: 100%;
    }

    #carouselFaciliteiten + div img{
        width: inherit;
    }

    .parallax {
        height: 35vh;
    }

    .main_header_welcome{
        top: 25%!important;
        font-size: 1.5rem;
    }

    .reserveren .main_header_welcome{
        top: 12%!important;
        left: 0;
        width: 100%!important;
        max-height: 85vh;
    }

    .reserveren #reserveren_btn_verzenden{
        width: 80%!important;
    }

    .reserveren_radiobutton{
        margin-left: 30px;
    }

    .reserveren_radiobutton label, .reserveren_radiobutton input{
        display: inline-block;
        width: auto;
    }

    .home .parallax, .omgeving .parallax {
        height: 40vh;
    }

    .home_main_over_ons h1{
            text-align: center;
            margin-top: 3vh;
    }

    .faciliteiten_carousel_height{
        height: unset;
    }

    .faciliteiten .pricing-table div.col-lg-5{
        margin-bottom: unset;
    }

    .carousel-control-prev-icon {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E");
    }

    .carousel-control-next-icon{
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");
    }

    .carousel-caption .h3-responsive{
        font-size: 1rem;
    }

    .carousel-caption{
        background: rgba(255, 255, 255, 0.4);
    }

    .faciliteiten_icon_list{
        margin-top: 20px;
    }

    .faciliteiten_icon_list li{
        font-size: 1.5rem;
    }

    .nieuws header + .container h2 + div.m-auto{
        width: unset;
    }

}

/* PHONE  */
@media only screen and (max-width: 767px) {
    #contact_logo_popup{
        height: 50px;
        width: auto;
        margin: auto;
    }

    #contact_logo_popup + p{
        text-align: center;
    }
}

/* TABLET */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main_header_welcome{
        top: 35%;
    }
}

/* SMALL DESKTOP & IPAD PRO */
@media only screen and (min-width: 992px) and (max-width: 1169px) {
    @media (max-width: 1025px) {
        #parallax{
            background-size: contain;
            background-position: unset;
        }
    }
    #nav_logo p{
        display: none!important;
    }

}