@media screen and (max-width: 1400px){
    .desktop-menu{
        height: 60px;   
    }
    .desktop-menu .menu{
        padding: 10px 0px;
    }
    .text-logo-wrapper{
        margin-top: 8px;
    }

    /************ Afbeelding *************/
    .image-field-container p{
        font-size: 32px;
        line-height: 38px;
    }
    .image-field-container, .image-field-container-dummy{
        line-height: calc(26vw + 60px);
    }
    .image-field-container-dummy{
        margin-top:-60px;
    }
    .image-field-container.big, .image-field-container-dummy.big{
        line-height: calc(37.5vw + 60px);
    }
    .image-field-container-dummy.big{
        margin-top:-60px;
    }

    /*************** TEXT ****************/
    .text-img-container h1, .text-img-container h2{
        font-size: 32px;
        line-height: 38px;
    }

}
@media screen and (max-width: 1050px){
    .desktop-menu{
        padding: 0px 24px;
    }
    /**************** Afbeelding *****************/
    .image-field-container, 
    .image-field-container-dummy,
    .image-field-container.big,
    .image-field-container-dummy.big{
        height: 300px;
        line-height: 360px;
        margin-top: 0px;
    }
    .image-field-container img{
        display:none;
    }

    /************** Doorlinks ******************/
    .container-bg.lichtgrijs{
        padding: 48px 5% 12px 5%;
    }

    /***************** Formulier **************/
    .form-fields{
        width: 360px;
    }
    .form-container-bg{
        padding: 36px;
    }
    .form-text{
        width: calc(100% - 400px);
    }
}
@media screen and (max-width: 1000px){
    .mobile-menu-wrapper{
        display:block;
    }
    .desktop-menu,
    .desktop-menu-placeholder{
        display:none;
    }
}
@media screen and (max-width: 800px) {
    /***************** TEKST ***************/
    .text-img-container .text.text-only{
        width: 80%;
        margin: 0% 10%;
    }
    .text-img-container .text{
        width: calc(60% - 40px);
        margin: 0px 20px;
    }
    .text-img-container .text.text-only.lichtgrijs{
        padding: 48px 10%;
    }

    /******** Soundcloud *************/
    .soundcloud-container iframe{
        height: 175px;
    }


    /*************** Doorlinks *************/
    .doorlink{
        width: calc(50% - 12px);
    }
    .doorlink:nth-of-type(3n){
        margin-right: 24px;
    }
    .doorlink:nth-of-type(2n){
        margin-right: 0px;
    }

    .footer-menu{
        border-bottom: 1px solid #555;
        width: 100%;
    }
    .credentials{
        float:left;
    }

    /***************** Formulier **************/
    .form-fields{
        width: 400px;
        max-width: 100%;
        float:left;
    }
    .form-text{
        width: 100%;
        margin-bottom: 36px;
    }
}

@media screen and (max-width: 600px) {
    .text-only .pink-cta, .image-field-container .pink-cta{
        font-size: 18px;
        padding: 6px 28px;
    }

    /********* TEKST ***********/
    .text-img-container .text.text-only{
        width: 100%;
        margin: 0px;
    }
    .text-img-container .desktop-text-img{
        display:none;
    }
    .text-img-container .mobile-text-img{
        display:block;
    }
    .text-img-container .mobile-text-img img{
        margin-bottom: 20px; 
    }
    .text-img-container h1, .text-img-container h2{
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 24px;
    }
    .text-img-container .text,
    .text-img-container .img-container{
        width: 100%;
        margin: 0px;
        float:left;
    }

    /******** Afbeelding ***********/
    .image-field-container, .image-field-container-dummy,
    .image-field-container.big, .image-field-container-dummy.big{
        height: 260px;
        line-height: 320px;
    }
    .regular-image-text{
        padding: 0px;
        max-width: 600px;
        width: 100%;
    }
    .image-field-container p{
        font-size: 28px;
        margin-bottom: 18px;
        line-height: 32px;
    }

    /*************** Doorlinks *************/
    .container-bg{
        text-align:center;
    }
    .doorlink{
        width: 100%;
        max-width: 360px;
        margin-right: 0px!important;
        height: auto!important;
        float: none;
        display: inline-block;
    }

    .footer-menu{
        text-align:center;
    }
    .footer-menu li{
        float:none;
        display:inline-block;
    }
    .credentials{
        text-align:center;
        width: 100%;
    }

}

@media screen and (max-width: 420px){
    .inner-container, .inner-container-wide{
        padding: 0px 12px;
    }
    .text-logo-wrapper{
        margin-top: 0px;
        max-width: 200px;
        padding: 10px 0px;
    }
    .text-logo .line{
        display:none;
    }
    .mobile-menu{
        padding: 0px;
    }
    .mobile-menu .menu-trigger .slided-in, .mobile-menu .menu-trigger .slided-out{
        right: 12px;
    }
    .head-img-spacer{
        height: 24px;
    }

    /************ Afbeelding *************/
    .image-field-container, .image-field-container-dummy,
    .image-field-container.big, .image-field-container-dummy.big{
        height: 230px;
        line-height: 290px;
    }
    .regular-image-text{
        text-align:center;
    }

    /************ TEKST ************/
    .text-container{
        padding: 24px 0px 0px 0px;
    }
    .text-img-container .text.text-only.lichtgrijs{
        padding: 24px 12px 6px 12px;
        margin-bottom: 0px;
    }
    .text-img-container .text, .text-img-container .img-container{
        text-align:center;
    }

    /********** Doorlinks *************/
    .doorlink-container{
        padding: 24px 0px;
    }

    /********* Soundcloud ***************/
    .soundcloud-container{
        padding: 24px 0px;
    }

    /************ FORMULIER *************/
    .form-container-bg{
        padding: 12px;
    }
    .form-text{
        text-align:center;
    }

}