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

.projectSummary .top, 
.projectSummary .bottom,
.projectSummary .left, 
.projectSummary .right
{

    display:none;

}

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

}

.projectSummary .image-con {

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

}

.projectSummary .text-con {

    height:100%;
    width:calc(50% - 40px);
    position: absolute;
    left:40px;
    top:120px;
    
}

.projectSummary .text-con em {

    font-family:"New Baskerville ITC W01 Italic","Times New Roman",Times, serif;
    font-style: normal;
    
}

.projectSummary .text {
    
    font-family:"New Baskerville ITC W01 Roman","Times New Roman",Times, serif;
    font-size: 36px;
    line-height: 43px;
    width:75%;
    
}

.projectSummary .text-block {
    
    width:100%;  
    
}

.projectSummary h1 {

    margin:0;
    padding:0;
    font-weight: normal;
    display: inline;
    font-size:inherit;

}

.projectSummary.project-strap .strap-text   {
    
    font-family:"New Baskerville ITC W01 Italic","Times New Roman",Times, serif;
    
}

.projectSummary.project-strap .text-con {
    
    width: 480px;
    
}

.projectSummary.is-portrait .left 
{

    display:block;
    width:40px;
    height:100%;

}

.projectSummary.is-portrait .right 
{

    display:none;

}

.projectSummary.is-portrait .centre 
{

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

}

.projectSummary.is-portrait .text-con {

    height:100%;
    width:57%;
    position: relative;
    float: left;
    left:0;
    
}

.projectSummary.is-portrait .text-block {

    width:85%;
    
}

.projectSummary.is-portrait.project-strap .text-block {

    width: 480px;
    
}

.projectSummary.is-portrait .image-con {

    height:100%;
    width:43%;
    float: left;
    
}

@media only screen and (max-width: 2559px) {
    
    .projectSummary .text {

        font-size: 26px;
        line-height: 34px;

    } 
    
    
}


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

    .projectSummary .text-con {

        display:block;
        left:30px;
        top:90px;

    }
    
    .projectSummary .text {

        font-size: 24px;
        line-height: 30px;
        width:90%;

    }
    
    .projectSummary.project-strap .text {

        font-size: 30px;
        line-height: 35px;   

    }
    
    .projectSummary.project-strap .text-con {

        width: 330px;

    }
    
    .projectSummary.is-portrait .top, 
    .projectSummary.is-portrait .bottom,
    .projectSummary.is-portrait .left, 
    .projectSummary.is-portrait .right
    {

        display:none;

    }
    
    .projectSummary.is-portrait .centre {

        width:100%;
        height:100%;

    }

    .projectSummary.is-portrait .image-con {

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

    }
    
    .projectSummary.is-portrait .text-con {

        height:100%;
        position: absolute;
        z-index: 1500;
        left:30px;

    }

    .projectSummary.is-portrait .text-block {

        width: 100%;

    }
    
    .projectSummary.is-portrait.project-strap .text-block {

        width: 330px;

    }

}

@media only screen and (max-width: 767px), screen and (max-height: 767px) {
 
    .projectSummary .text {

        font-size: 18px;
        line-height: 24px;   

    }
    
    .projectSummary .text-con {
        
        left:20px;
        width:70%;
        top:70px;

    }
    
    .projectSummary.project-strap .text-con {

        width: 260px;

    }
    
    .projectSummary.is-portrait .text-block {

        width: 100%;

    }   
    
    .projectSummary.is-portrait .image-con{
        
        display:none;       
        
    }
    
    .projectSummary.project-strap .image-con{
        
        display:block;       
        
    }
    
    .projectSummary.is-portrait .text-con {
        
        left:20px;
        width:70%;

    }
    
    .projectSummary .text {

        width:100%;

    }

}

@media only screen and (max-width: 480px) {
 
    .projectSummary .text {

        font-size: 14px;
        line-height: 20px;

    } 

    .projectSummary .text-con {
        
        left:20px;
        width:calc(100% - 80px);

    }
    
    .projectSummary.is-portrait .text-con {
        
        left:20px;
        width:calc(100% - 80px);

    }

}