body{
    margin:0px;
    padding:0px;
}

#new-homepage-container{
    padding-top:65px;
}

#new-workspage-top-buffer{
    padding:60px;
}

#new-workspage-top-buffer h1{
    text-align:center;
    font-family:didot,georgia,serif;
    color:#333;
    font-weight:normal;
    font-size:2.3em;
}

#new-workspage-top-text p{
    margin:0 0 0.5em 0;
    font-family:didot,georgia,serif;
    line-height:1.4em;
}

div.section{
    width:100%;
    text-align:center;
    box-sizing:border-box;
    padding:0px;
    position:relative;
}

div.section.valign_50 div.homepage-title-with-photo-inner{
    background-position:50% 30%;
}

div.section.valign_30 div.homepage-title-with-photo-inner{
    background-position:50% 10%;
}

div.section.valign_70 div.homepage-title-with-photo-inner{
    background-position:50% 50%;
}

div.section h2 a{
    text-decoration:none;
    font-weight:normal;
    font-family:didot;
}

div.homepage-title-with-photo{
    -webkit-transition: height 0.35s, margin 0.35s;
    background-repeat:no-repeat;
    background-size:cover;
    width:100%;
    text-align:center;
    box-sizing:border-box;
    padding:100px 20px;
    overflow:hidden;
    min-height:55vh;
    position:relative;
}

div.homepage-title-with-photo h2{
    font-family:didot;
    color:#fff;
    font-weight:normal;
    margin:0px;
}

div.homepage-title-with-photo div.homepage-title-h2-holder h2{
    font-size:2.5em;
    text-decoration:none;
}

div.homepage-title-with-photo div.homepage-title-h2-holder a.homepage-title-link{
    display:block;
    text-decoration:none;
    padding-top:150px;
    padding-left:20px;
    padding-right:20px;
}

div.homepage-title-with-photo div.homepage-title-h2-holder.longname h2{
    font-size:2.2em;
}

div.homepage-title-with-photo h2 a{
    color:#fff;
    text-decoration:none;
}

div.homepage-title-with-photo h2.top{
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
}

div.homepage-title-with-photo h2.top.h2-hidden{
    transform: translate3d(0px, 80px, 0px);
    opacity:0.1;
}

div.homepage-title-h2-holder{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    box-sizing:border-box;
    /* padding-top:150px;
    padding-left:20px;
    padding-right:20px; */
}

div.homepage-title-h2-holder.longname{
    /* padding-top:120px; */
}

div.homepage-title-h2-line{
    width:50%;
    max-width:150px;
    height:0px;
    border-bottom:1px solid #fff;
    margin:20px auto;
}

div.homepage-title-with-photo-inner{
    transform: translate3d(0px, -100px, 0px);
    background-repeat:no-repeat;
    background-size:cover;
    height:calc(100% + 180px);
    position:absolute;
    top:-180px;
    left:0px;
    width:100%;
}

div.homepage-title-sub-heading{
    
}

div.homepage-title-sub-heading p{
    color:#fff;
    font-family:didot;
}

div.homepage-title-sub-heading p a{
    color:#fff;
    text-decoration:none;
}

div.homepage-title-sub-heading p a:hover{
    text-decoration:underline;
}

div.homepage-content-block{
    
    background-color:#fff;
    width:100%;
    text-align:center;
    box-sizing:border-box;
    overflow:hidden;
    min-height:35vh;
    
    text-align:left;
    padding:30px 20px 80px 20px;
    margin:0 auto;
    
    box-sixing:border-box;
    font-family:didot;
}

div.homepage-content-block h2{
    font-style:italic;
    font-weight:normal;
    font-size:2.2em;
    text-align:center;
    margin:14px 0;
}

div.homepage-content-block h3{
    font-style:italic;
    font-weight:normal;
    font-size:1.8em;
    text-align:center;
    margin:10px 0;
}

div.homepage-content-block blockquote{
    font-style:italic;
    font-weight:normal;
    text-align:center;
    font-size:1.5em;
}

div.homepage-content-block p{
    line-height:1.5em;
    font-size:1.2em;
    margin:0 0 0.35em 0;
}
    
/** Set standard heights **/

div.section.closed{
    height:22vh;
}

div.section.closed h1{
    margin:35px;
}

div.section.open{
    height:75vh;
}

div.section.stowed{
    height:15vh;
}

div.section.open h1, div.section.stowed h1{
    margin:12px;
}

/** Set homepage heights, where there will only ever be four sections **/

/* div.section.workspage-section.closed{
    height:25vh;
}

div.section.workspage-section.open{
    height:85vh;
}

div.section.workspage-section.stowed{
    height:5vh;
} */

div.section.workspage-section div.content-block{
    background-color:rgba(0,0,0,0.45);
    color:#fff;
}

div.section.workspage-section.black div.content-block{
    background-color:rgba(255,255,255,0.45);
    color:#333;
}

div.section.workspage-section.closed div.content-block, div.section.workspage-section.stowed div.content-block{
    opacity:0;
}

div.section div.block-media-box iframe{
    margin:0px;
    padding:0px;
    box-sizing:border-box;
}

div.section div.block-text-holder{
    /* overflow:scroll; */
}

div.section div.block-text-holder p.small{
    font-size:0.75em;
}

@media screen and (max-width: 799px) {
    
    div.section div.block-media-box iframe, div.section div.block-media-box video{
        width:100%;
        height:100%;
    }
    
    div.section div.block-media-box{
        width:100%;
        /* padding-bottom: 55%; */
        margin-bottom:10px;
        /* height:0; */
    }
    
}

@media screen and (min-width: 800px) {
    
    #new-workspage-top-text{
        column-count: 2;
    }
    
    div.section div.homepage-content-block{
        padding:30px 10px 60px 10px;
        max-width:60%;
    }
    
    div.homepage-content-block.hasmedia h2, div.homepage-content-block.hasmedia h3{
        text-align:left;
    }
    
    div.homepage-title-with-photo{
        min-height:70vh;
        padding:180px 20px;
    }
    
    div.homepage-title-with-photo h2{
        font-size:2.8em;
    }
    
    div.homepage-title-h2-holder{
        /* padding-top:160px; */
    }
    
    div.homepage-title-h2-holder a.homepage-title-link, div.homepage-title-h2-holder.longname a.homepage-title-link{
        padding-top:160px;
    }
    
    div.homepage-title-h2-holder.longname{
        /* padding-top:160px; */
    }
    
    div.homepage-title-h2-line{
        max-width:250px;
    }
}

@media screen and (min-width: 1000px) {
    
    div.section div.block-media-box iframe, div.section div.block-media-box video{
        height:100%;
        width:100%;
    }
    
    div.section div.homepage-content-block.hasmedia{
        max-width:85%;
    }
    
    div.section div.block-media-holder{
        float:right;
        width:calc(50% - 15px);
        /* padding-bottom: 28%; 
        height:0; */
    }
    
    div.section div.block-text-holder{
        float:left;
        width:calc(50% - 15px);
    }
    
}

@media only screen and (max-device-width: 400px) and (orientation: portrait) {
    
    div.homepage-title-h2-holder{
        padding-top:120px;
    }
    
    div.homepage-title-h2-holder.longname{
        padding-top:90px;
    }
    
}