@charset "utf-8";
/* CSS Document */

.landscape .top, 
.landscape .bottom
{

    width:100%;
    height:120px;

}

.landscape .image-block {

    left:0;
    top:0;

}

.landscape .left {
 
    width:18%;
    height:calc(100% - 240px);

}

.landscape .centre { 
    
    width:calc(82% - 40px); 
    height:calc(100% - 240px);

}

.landscape .image-con {

    height:100%;
    width:80%;

}

.landscape .text-con {

    height:100%;
    width:20%;
    
}

.landscape .text-block {

    bottom:0;left:20px;
    
}

.landscape .right {
 
    width:40px;
    height:calc(100% - 240px);

}


@media only screen and (max-width: 1439px), screen and (max-height: 767px) {
 
    .landscape .top, .landscape .bottom {

        height:90px!important;
        display: block!important;
        width:100%!important;

    }
    
    .landscape .left, .landscape .right {

        width:0!important;
        height:calc(100% - 180px)!important;
        display:none!important;

    } 
    
    .landscape .centre {

        width:100%!important;
        height:calc(100% - 180px)!important;

    }
    
    .landscape .image-con {

        width:100%!important;

    }
    
    .landscape .top.full-screen-mobile, 
    .landscape .bottom.full-screen-mobile,
    .landscape .left.full-screen-mobile, 
    .landscape .right.full-screen-mobile
    {

        display:none!important;

    }
    
    .landscape .centre.full-screen-mobile {
        
        width:100%!important;
        height:100%!important;

    }

    .landscape.inset-on-mobile .left, .landscape.inset-on-mobile .right {

        height:calc(100% - 180px)!important;
        display: block!important;
        width:20px!important;

    }
    
    .landscape.inset-on-mobile .centre {
        
        width:calc(100% - 40px)!important;
        height:calc(100% - 180px)!important;

    }

 
}

@media only screen and (max-width: 767px), screen and (max-height: 767px) {
    
    .landscape .top, .landscape .bottom {

        height:70px!important;

    }
    
    .landscape .left, .landscape .right {

        height:calc(100% - 140px)!important;
        display:none!important;

    } 
    
    .landscape .centre {

        height:calc(100% - 140px)!important;

    }    
    
    .landscape.inset-on-mobile .left, .landscape.inset-on-mobile .right {

        height:calc(100% - 140px)!important;

    }
    
    .landscape.inset-on-mobile .centre {
        
        height:calc(100% - 140px)!important;

    }    

    
}