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

.widescreen1 .top, 
.widescreen1 .bottom,
.widescreen1 .left, 
.widescreen1 .right
{

    display:none;

}

.widescreen1 .centre {
    
    width:100%;
    height:100%;

}

.widescreen1 .image-con {

    height:100%;
    width:100%;
    position: relative;

}

.widescreen1 .text-con {

    height:100%;
    width:100%;
    position: absolute;
    
}

.widescreen1 .text-block.bottomLeft {
    
    left:195px;
    bottom:80px;

}

.widescreen1 .text-block.topLeft {
    
    left:195px;
    top:40px;

}

.widescreen1 .text-block.topRight {
    
    right:195px;
    top:40px;

}

.widescreen1 .text-block.bottomRight {
    
    right:195px;
    bottom:80px;

}


@media only screen and (max-width: 1919px) {
 
    .widescreen1 .text-block.bottomLeft {

        left:155px;
        bottom:80px;

    }

    .widescreen1 .text-block.topLeft {

        left:155px;
        top:40px;

    }

    .widescreen1 .text-block.topRight {

        right:87px;
        top:40px;

    }

    .widescreen1 .text-block.bottomRight {

        right:87px;
        bottom:80px;

    }

}



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

        display:block;

    }
    
    .widescreen1 .top, .widescreen1 .bottom {

        width:100%;
        height:90px;

    }
    
    .widescreen1 .left, .widescreen1 .right {

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

    }  
    
    .widescreen1 .centre {

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

    }
    
    .widescreen1 .image-con {

        width:100%;

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

        display:none;

    }
    
    .widescreen1 .centre.full-screen-mobile {
        
        width:100%;
        height:100%;

    }

 
}

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

        width:100%;
        height:70px;

    }
    
    .widescreen1 .left, .widescreen1 .right {

       display:none;

    }  
    
    .widescreen1 .centre {

        width:100%;
        height:calc(100% - 140px);

    }    

}