@media all and (max-width: 1500px) {
    .text-content{
        width:70%;
    }
    .escort-text{
        margin-right:8%;
        padding-top:57px;
    }
    .escort-text.one-third{
        width:38%;
    }
    .escort-text p{
        margin-bottom:12px;
        line-height:20px;
    }
    .escort-text h2{
        font-size:28px;
        margin-bottom:18px;
    }
    .escort-text h1{
        font-size:36px;
        margin-bottom:32px;
    }
    .next-escort{
        right:25px;
    }
    .prev-escort{
        left:25px;
    }
    .prev-escort:before, .next-escort:before {
        width:25px;
        left:-25px;
    }
    .next-escort:before{
        left:auto;
        right:-25px;
    }
    .escort-pager{
        left: 104px;
    }
    .escort-popup {
        overflow: auto;
    }
    .escort-popup div.image-holder {
        margin: 10% 5%;
    }
    .escorte-description h2{
        font-size:26px;
    }
}

/* vierkante desktop & grote tablets */
@media all and (max-width: 1280px) {
    body{
        overflow:auto;
        position:static;
    }
    .home-block h2{
        font-size:28px;
    }
    .home-block p{
        font-size: 16px;
    }
    .fixed-page-menu{
        z-index:10;
        width:100%;
        right:-100%;
    }
    .full-page{
        position:relative;
        height:auto;
    }
    .full-page.page{
        height:800px;
    }
    .full-page-menu.slide-in{
        transform:translate3d(0, 0, 0);
        -webkit-transform:translate3d(0, 0, 0);
    }
    .full-page.home{
        min-height:800px;
    }
    .full-page-contents.home{
        min-height:900px;
    }
    .full-page-contents.theme{
        float:left;
        position:relative;
        padding:24px 48px 96px 48px;
        box-sizing:border-box;
    }
    .full-page-contents.compressed{
        width:100%;
    }
    .escort-pager{
        display:none;
    }
    .escort-img{
        bottom:0;
        position:absolute;
        width:calc(48% + 48px);
        margin-left:-48px;
    }
    .escort-text{
        margin-right:5%;
    }
    .escort-text.one-third {
        width: 40%;
    }
    .next-escort, .prev-escort{
        display:none;
    }
    .mobile-escort-nav{
        display:block;
    }
    .full-page-contents.theme.hidden-bottom, .full-page-contents.theme.hidden-top{
        transform:none;
        -webkit-transform:none;
    }
    .footer-row.eightteen{
        width:33.33%;
        text-align:center;
    }
    .footer-row.twenty-three{
        width:50%;
        text-align:center;
        margin-bottom:24px;
    }
    .content-block{
        z-index:3;
    }
    footer{
        z-index:3
    }
    .content-block .logo{
        display:none;
    }
    .menu-button.content{
        display:none;
    }
    .escort-popup div.image-holder img {
        max-width: 29vw !important;
    }
    .escort-popup .image-holder {
        margin-left: auto !important;
        margin-right: auto !important;
        width: 70% !important;
    }
    .bottom-content{
        position:relative;
        bottom:auto;
        margin-top:24px;
    }
}
/* vierkante desktop & grote tablets */
@media all and (max-width: 1200px) {
    .escort-text.one-third, .escort-text.one-fourth {
        width:50%;
    }
    .escort-img{
        width:calc(39% + 48px);
        margin-left:-48px;
    }
    .escort-popup {
        position: absolute;
    }
}


@media all and (max-width: 1000px) {
    .logo{
        height:72px;
    }
    .hidden-left{
        left:-1000px;
    }
    .full-page.home{
        min-height:50%;
        background-size: 100%;
        background-position: top left;
    }
    .full-page-contents.home{
        margin-top:45%;
        overflow:visible;
    }
    .full-page-contents.theme{
        padding-top:0px;
    }
    .home-block.one-third, .home-block.one-fourth{
        width:100%;
        margin-bottom:0px;
        height:254px;
    }
    .home-block:hover{
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
    }
    .full-page-contents.theme{
        padding-bottom:0px;
    }
    .full-page-contents.active{
        padding-top:0px;
    }
    .content-block{
        z-index:3;
    }
    .text-content{
        width:90%;
    }  
    .social-item{
        width:100%;
        box-sizing:border-box;
        margin-bottom:16px;
    }
    .social-row{
        margin:0px;
        width:calc(100% - 16px);
        box-sizing:border-box;
    }
    .social-left{
        width: calc(50% - 8px); 
    }
    .social-right{
        margin-left:16px;
    }
    .social-left .social-row{
        float:right;
    }
    .social-right .social-row{
        float:left;
    }
    .full-page.page{
        height:600px;
    }
    .escorte-description{
        position:absolute;
        top:auto!important;
        bottom:5%;
    }
    .escort-text.one-third, .escort-text.one-fourth{
        width: calc(100% + 96px);
        margin-right: -48px;
        padding:48px;
        z-index:2;
        background-color:#fff;
    }
    .escort-img{
        height: 900px;
        margin-left: -48px;
        width: calc(100% + 96px);
        float: left;
        opacity: 1;
        position:relative;
    }

    .full-page-menu-close-button{
        right:24px;
        top:24px;
        padding:16px;
    }
    .centered-menu-content{
        width: calc(100% - 200px);
        margin-left: 100px;
    }
    .thema-box{
        width:50%;
        margin-left:-4px!important;
    }

}
@media all and (max-width: 800px) {
    .footer-row.eightteen{
        width:100%;
        margin-bottom:48px;
    }
    .footer-row.twenty-three{
        width:100%;
        margin-bottom:48px;
    }
    .footer-row h4{
        margin-bottom:24px;
        font-size:22px;
    }
    .footer-row p{
        margin-bottom:24px;
    }
    .footer-row p:last-of-type{
        margin-bottom:0px;
    }
    .full-page-menu{
        display:none;
    }
    .full-page.page{
        height:1000px;
    }
    .escortes-container.three .escorte{
        width:50%;
        height:40%;
    }
    .escortes-container.three .escorte:nth-of-type(1n + 3){
        width:100%;
        height:60%;
    }
    .escortes-container.four .escorte{
        width:50%;
        height:50%;
    }
    .escortes-container.five .escorte{
        width:33.33%;
        height:50%;
    }
    .escortes-container.five .escorte:nth-of-type(1n + 4){
        width:50%;
        height:50%;
    }
    .escortes-container.six .escorte{
        width:50%;
        height:33.33%;
    }
    .escortes-container.seven .escorte{
        width:50%;
        height:25%;
    }
    .escortes-container.seven .escorte:nth-of-type(1n + 4){
        width:50%;
        height:25%;
    }
    .escortes-container.seven .escorte:nth-of-type(1n + 7){
        width:100%;
        height:25%;
    }
    .escortes-container.eight .escorte{
        width:50%;
        height:25%;
    }
    .escort-popup div.image-holder img {
        max-width: 37vw;
    }
    .escort-popup-close {
        margin-right: -25px;
    }

}
@media all and (max-width: 600px) {
    .full-page-contents.theme{
        padding-left: 0px;
        padding-right: 0px;
    }
    .ass-parallax-text{
        display:none;
    }
    .full-page-contents.all-escorts{
        height:auto;
        float:left;
    }
    .full-page-contents.home{
        margin-top:-12px;
    }
    .full-page-contents.active{
        margin-top: 115px;
        padding-top: 0px;
    }
    .full-page.home{
        background-image:none!important;
    }
    .full-page.page{
        height:auto;
    }
    .home-block{
        padding:24px 12px;
    }
    .home-block.one-third, .home-block.one-fourth {
        height:225px;
    }
    .home-block .h2{
        font-size:24px;
        margin-bottom:18px;
    }
    .home-block p{
        font-size:16px;
        margin-bottom:18px;
    }
    .escort-img{
        width:100%;  
        margin-left:0px;
    }
    .content-block{
        padding-top:48px;
        padding-bottom:48px;
    }
    .text-content h1{
        font-size: 24px;
        margin-bottom:18px;
    }
    .text-content h2{
        margin-bottom:24px;
        font-size:20px;
    }
    .text-content p{
        font-size:12px;
        line-height:20px;
        margin-bottom:18px;
    }
    .ass-parallax-container{
        height:240px;
    }
    .social-media{
        padding:24px 0px 0px 0px;
    }
    .social-media h2{
        margin-bottom:24px;
        font-size:18px;
    }
    .menu-button{
        right:24px;
        top:24px;
    }
    .social-left, .social-right{
        width:90%;
        margin-left:5%;
    }
    .social-item{
        margin-bottom:24px;
    }
    .social-row{
        width:100%;
    }
    .logo{
        height:60px;
        left:24px;
        top:24px;
    }
    .escortes-container .escorte{
        width:100%!important;
        height:600px!important;
    }
    .full-page-contents.page{
        padding-top:110px;
    }
    .escort-img{
        height:auto;
        min-height:600px;
        text-align:center;
    }
    .escort-img img{
        position:relative;
        transform: none;
        -webkit-transform: none;
        left:auto;
    }
    .prev-escort, .next-escort{
        display:none;
    }
    .fixed-page-menu{
        overflow:auto;
    }
    .escort-text.one-third{
        padding-left:64px;
        padding-right:64px;
    }
    .full-page-menu-close-button {
        right: 18px;
        top: 18px;
        padding: 12px;
    }
    .centered-menu-content {
        width: calc(100% - 120px);
        margin-left: 60px;
        font-size:16px;
    }
    .centered-menu-content ul li {
        line-height: 32px;
    }
    .centered-menu-content .bordered-link {
        margin: 24px 0px;
        font-size:16px;
    }
    .escort-popup div.image-holder img {
        max-width: 54vw !important;
    }
    .thema-box{
        width:100%;
        margin-left:0px!important;
    }
    .escorte-description h2{
        font-size:32px;
    }
}
@media all and (max-width: 450px) {
    .escortes-container .escorte{
        width:100%!important;
        height:500px!important;
    }
    .escort-img{
        min-height:400px;   
    }
}