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

.portrait2 .top, 
.portrait2 .bottom
{

    width:100%; 
    height:140px;

}

.portrait2 .left {
 
    width: 18%; 
    height:calc(100% - 280px);

}

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

}

.portrait2 .image-con, .portrait2 .image-con2  {

    height:100%;
    width:40%;

}

.portrait2 .text-con {

    height:100%;
    width:20%;
    
}

.portrait2 .right {
 
    width:40px;
    height:calc(100% - 280px);

}

.portrait2 .text-block {

    bottom:0;
    left:20px;
    
}

.portrait2.left-image-larger .top, 
.portrait2.left-image-larger .bottom
{

    width:100%;
    height:0;

}

.portrait2.left-image-larger .left {
 
    width:10%;
    height:100%;

}

.portrait2.left-image-larger .centre {
 
    width:80%;
    height:100%;

}

.portrait2.left-image-larger .image-con  {

    height:100%;
    width:56.75%;

}

.portrait2.left-image-larger .image-con2  {

    height:calc(55% + 40px);
    width:43.25%;

}

.portrait2.left-image-larger .text-con {

    height:calc(45% - 40px);
    width:43.25%;
    
}

.portrait2.left-image-larger .right {
 
    width:10%;
    height:100%;

}

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

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

    }
    
    .portrait2 .left, .portrait2 .right {

        display:none!important;

    } 
    
    .portrait2 .centre {

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

    }
    
    .portrait2 .image-con, .portrait2 .image-con2  {

        height:100%!important;
        width:50%!important;

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

        width:20px!important;
        display: block!important;

    } 
    
    .portrait2.inset-on-mobile .centre {

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

    }
 
}

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

        height:70px!important;

    }
    
    .portrait2 .centre {

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

}