body, nav, header, main, section, ul, p, h1, h2, h3, h4, h5, h6, footer {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

main {
    width:100%;
}

.hidden {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

/*--------------containers all pages-------------*/

section {
    float:left;
    margin-right:3%;
    margin-left:3%;
    width:94%;
    margin-top:1em;
    margin-bottom:1em;
}

.threequarter {
    display:block;
    float:left;
    width:74%;
    margin-top:0;
    margin-bottom:2em;
}

.threequarterleft {
    display:block;
    float:left;
    width:72%;
    margin-top:0;
    margin-right:2%;
    margin-bottom:0em;
    padding:0;
    
}

.quarter {
    display:block;
    float:left;
    width:24%;
    margin-right:2%;
    margin-top:0;
    margin-bottom:2em;
    
}

.quarterleft, .quartercenter {
    display:block;
    float:left;
    width:23.5%;
    margin-right:2%;
    margin-top:0;
    margin-bottom:2em;
    
}

.quarterright {
    display:block;
    float:left;
    width:23.5%;
    margin-right:0;
    margin-top:0;
    margin-bottom:2em;
}

.thirdleft {
    display:block;
    float:left;
    width:31%;
    margin-right:3%;
    margin-bottom:2em;
    
}

.thirdright {
    display:block;
    float:left;
    width:31%;
    margin-right:0;
    margin-bottom:2em;
    
}

/*-------------containers design only-------------*/

.half {
    display:block;
    float:left;
    width:48%;
    margin-top:0;
    margin-bottom:2em;
    
}

.projectmodules{
    background-color:#fff;
    border-width:2px;
    border-style:solid;
    padding:1em;
}

/*-------------containers case studies only------------*/

.full {
    display:block;
    float:left;
    width:100%;
    margin-top:0;
    margin-bottom:1em;
    
}

.captioncontainer {
    display:block;
    float:left;
    width:23.5%;
    margin-right:0;
    margin-top:0;
    margin-bottom:2em;
}

.threequarterimagecontainer {
    display:block;
    float:left;
    width:72%;
    margin-top:0;
    margin-right:2%;
    margin-bottom:0;
    padding:0;
    
}

/*--------------containers CV only---------------*/

.positionsheld {
    display:block;
    float:left;
    width:100%;
    margin-top:1em;
    margin-bottom:1em;
}

/*-------------dividers------------------*/


hr {
    clear:both;
}

hr.index, hr.cv, hr.writing {
    display:block;
    border-style:solid;
    border-width:1px;
    width:auto;
    margin:0;
}

hr.index {
    color:#9d994f;
}

hr.cv {
    color:#90ecd2;
}

hr.writing {
    color:#9a959c;
}


hr.headerfooter {
    display:block;
    width:auto;
    border-style:solid;
    border-width:1px;
    color:#cccccc;
    margin-top:0;
}

hr.nav {
    display:block;
    width:auto;
    border-style:solid;
    border-width:4px;
    color:#121212;
    margin-bottom:0;
    
}

/*--------------BANNER--------------*/

.head {
    font-family: Montserrat, sans-serif;
    font-size: 2em;
    font-weight:700;
    line-height:1.5em;
    text-align: center; 
    margin:0;
    margin-top:1em;
    margin-bottom:.25em;
}

.subhead {
    font-family: Droid Serif, serif;
    font-size: 1.25em;
    font-weight:400;
    line-height:1.5em;
    text-align: center;
    margin-bottom:.5em;
    
}

/*-------------NAVIGATION-------------*/

nav a {
    display:block;
    float:left;
    width:33%;
    font-family:Montserrat, sans-serif;
    font-size: 1.25em;
    font-weight:600;
    text-align:center;
    margin-top:1em;
    text-decoration: none;
    color:#121212;

}

nav a:hover {
    border-bottom-color: #121212;
    border-bottom-style: solid;
    border-bottom-width: 1em;
    padding-bottom: 1.25em;
    text-decoration:none;
}

a:focus {
    outline-color:#f28966;
    outline-width:4px;
    outline-style:solid;
    
}

a {
    text-decoration: none;
    color:#121212;
    
}

a:hover {    
    text-decoration:underline;
    
}

.activeindex {
    border-bottom-color: #e5e4a5;
    border-bottom-style: solid;
    border-bottom-width: 1em;
    padding-bottom: 1.25em;

}

.activewriting {
    border-bottom-color: #9a959c;
    border-bottom-style: solid;
    border-bottom-width: 1em;
    padding-bottom: 1.25em;
    
}

.activecv {
    border-bottom-color: #90ecd2;
    border-bottom-style: solid;
    border-bottom-width: 1em;
    padding-bottom: 1.25em;
}

/*-------------COPY-----------------*/


h1 {
    font-family: Droid Serif, serif;
    font-size: 3em;
    font-weight:400;
    line-height:1.5em;
    margin-top:0em;
    margin-bottom:1em;
    
}

h1.work {
    color: #838153;
}

h1.writing {
    color:#9a959c;
}

h2 {
    font-family: Droid Serif, serif;
    font-size: 2em;
    font-weight:400;
    line-height:1.5em;
    margin-bottom:.5em;
    margin-top:0.5em;
}

h3, h4 {
    font-family: Montserrat, sans-serif;
    font-size: 0.875em;
    font-weight:700;
    line-height:1.5em;
    margin-bottom:.5em;
    margin-top:.5em;
    
    
}

.casestudyh3 {
    font-size:1em;
}

.writingh3 {
    font-family: Montserrat, sans-serif;
    line-height:1.75em;
    font-size:1.25em;
    font-weight:500;
    color:#5f5961;
    margin-top:1.5em;
}

.quotecredit {
    font-size:1em;
    font-weight:600;
    padding-left:2.2em;
    margin-top:0;
    line-height:1.5em;
}

.cvh2 {
    font-family: Montserrat, sans-serif;
    font-size: 1.5em;
    font-weight:700;
    line-height:1.5em;
    margin-top:2em;  
}

.cvh3 {
    
    font-family: Droid Serif, serif;
    font-size: 2em;
    font-weight:400;
    line-height:1.5em;
    margin-bottom:.5em;
    margin-top:.5em;
}

p {
    font-family: Montserrat, sans-serif;
    font-weight:400;
    font-size:0.875em;
    line-height:1.5em;
    margin-top:0;
    margin-bottom:1em;
}

.underline {
    text-decoration: underline;
    display:inline-block;
    background-color:#ffeda3;
}

.casestudyhighlight {
    font-family:Montserrat, sans-serif;
    font-weight:600;
    font-size:1.25em;
    line-height:1.75em;
    color:#838153;
    border-left-color:#838153;
    border-left-width:.5em;
    border-left-style:solid;
    padding-left:1.3em;
    margin-bottom:1em;
    margin-top:0;
}

.bodycopy {
    display:block;
    font-size:1em;
    line-height:1.75em;
}

.cvlist {
    text-indent:inherit;
    list-style:square;
    list-style-position: inside;
    margin-top:.2em;
    margin-bottom:.2em;
}

ul {
    font-family: Montserrat, sans-serif;
    font-weight:400;
    font-size:0.875em;
    line-height:1.5em;
    list-style-type: none;
    text-indent: none;
    padding-left:0;
    margin-top:.4em;
    margin-bottom:.4em;
    
}

.blogpost {
    list-style-type:square;
    list-style-position:inside;
    font-weight:500;
    font-size:1em;
    margin-top:1em;
    text-indent:0em;

}

ol {
    font-family: Montserrat, sans-serif;
    font-weight:400;
    font-size:0.875em;
    line-height:1.5em;   
}

li {
    margin-top:0em;
    margin-bottom:0em;
    
}

.skillsandexperience{
        margin-top:1em;
    margin-bottom:.1em;
    
}

.jobroles{
    font-family:Montserrat, sans-serif;
    font-weight:300;
    font-size:1em;
}

.teamnames{
    font-family:Montserrat, sans-serif;
    font-weight:500;
    font-size:1em;
}

.label{
    font-family: Montserrat, sans-serif;
    font-weight:700;
    font-size:0.875em;
    line-height:1.5em;
    text-transform:uppercase;
    margin-top:1em;
    
}

.captionheading {
    margin-top:1em;
    font-weight:600;
    font-size: 0.75em;
    line-height:1.5em;
    color:#121212;
    
}

.captiontext {
    font-weight:400;
    font-size: 0.75em;
    line-height:1.6em;
    color:#646464;
}

.listlabel {
    font-size:2.625em;
    font-family: Montserrat, sans-serif;
    font-weight:600;
    color:#838153;
    margin-right:.25em;
}

.casestudylist {
    list-style-type:none;
    list-style-position:inside;
    text-indent:-2.8em;
    padding-left:3em;
    line-height:1.5em;
    font-weight:600;
    margin-bottom:2em;
}

.casestudylistregular {
    list-style-type:none;
    list-style-position:inside;
    font-size:1em;
    text-indent:0;
    padding-left:0;
    line-height:1.5em;
    font-weight:400;
    margin-bottom:2em;

    
}

.workcta {
    display:block;
    margin-top:30px;
    width:94%;
    padding-top: 16px;
    padding-bottom:16px;
    padding-left:3%;
    padding-right:3%;
    background-color: #e5e4a5;
    border-bottom-color: #9d994f;
    border-bottom-width:2px;
    border-bottom-style: solid;
    text-align:center;
    font-family: Montserrat, sans-serif;
    font-weight:600;
    line-height:1.5em;
    text-decoration:none;
    color:#121212;
}

.blogcta {
    display:block;
    margin-top:30px;
    width:94%;
    padding-top: 16px;
    padding-bottom:16px;
    padding-left:3%;
    padding-right:3%;
    background-color: #cfd8df;
    border-bottom-color: #9a949c;
    border-bottom-width:2px;
    border-bottom-style: solid;
    text-align:center;
    font-family: Montserrat, sans-serif;
    font-weight:600;
    line-height:1.5em;
    text-decoration:none;
    color:#121212;
    
}

.designcta, .writingcta, .cvcta {
    display:block;
    float:left;
    width: 45%;
    padding-top: 10px;
    padding-bottom:10px;
    border-width:3px;
    border-style: solid;
    text-align:center;
    font-size: 0.875em;
    font-family: Montserrat, sans-serif;
    font-weight:600;
    line-height:1.5em;
    text-decoration:none;
    color:#121212;
    margin-top:3em;
    margin-bottom:2em;
    margin-left:2%;
    margin-right:2%;
    background-color: #fff;
    border-color: #121212;
    
}

.cvdownload {
     display:block;
    width: 50%;
    padding-top: 10px;
    padding-bottom:10px;
    border-width:3px;
    border-style: solid;
    text-align:center;
    font-size: 0.875em;
    font-family: Montserrat, sans-serif;
    font-weight:600;
    line-height:1.5em;
    text-decoration:none;
    color:#121212;
    margin-top:1em;
    margin-bottom:2em;
    margin-left:auto;
    margin-right:auto;
    background-color: #fff;
    border-color: #121212;
    
}

p, ul, h1, h2, h3, h4, h5, h6, li {
    color:#121212;
}

.responsiveimagebanner {
    margin-top:0;
    margin-bottom:1em;
    width:100%;
}

.responsiveimagebody {
    margin-top:0;
    margin-bottom:.5em;
    width:100%;
    
}

.nounderline {
    text-decoration:none;
    text-decoration-line:none;
}

.nounderline:hover {
    text-decoration-line:none;
}

footer a {
    display:block;
    float:left;
    width:20%;
    margin-bottom:2em;
    height:44px;
    padding-top:12px;
    padding-bottom:6px;
}

.social {
    display:block;
    margin-left:auto;
    margin-right:auto;
}       

.footercopy {
    font-family: Montserrat, sans-serif;
    font-size:0.65em;
    text-align:center;
    font-weight:400;
    line-height:1.5em;
    margin-top:2em;
    
}

.footercopyright {
    font-family: Montserrat, sans-serif;
    font-size:0.65em;
    text-align:center;
    font-weight:600;
    

}
/*-------------------LARGE MEDIA QUERY---------------*/

@media only screen and (min-width: 1024px) {

body {
    width:78%;
    font-size:16px;
}

nav, header, footer {
    width:40%;
    }
}

/*-------------------MEDIUM-LARGE MEDIA QUERY---------------*/

@media only screen and (max-width: 1250px){
    body {
        width:90%;
    }
    
    h1 {
        font-size:2.5em;
    }
    
    h2 {
        font-size:1.75em;
    }
    
    h3 {
        font-size:0.875em;
    }
    
    p {
        font-size:0.875em;
    }
    
    .cvh3 {
        font-size: 1.75em;
    }
    
    .writingh3 {
    font-size:1.2em;
}
}

/*-------------------MEDIUM MEDIA QUERY---------------*/

@media only screen and (max-width: 1024px) {
    
    body {
        width:94%;
    }

    nav, header, footer{
        width:100%;    
    }  
    
    .thirdleft, .thirdright, .quarterleft, .half, .captioncontainer, .full, .threequarter, .threequarterimagecontainer {
        width:100%;
    
}
    
    .quarter, .quarterleft, .quartercenter, .quarterright, .half, .threequarter, .thirdleft, .thirdright, .captioncontainer, .threequarterimagecontainer {
        display:block;
        width:100%;
        margin-right:0;
        margin-top:0;
    }
    
    .designcta, .writingcta, .cvcta {
        width:70%;
        float:none;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:2em;
        margin-top:2em;
    
}
    
    h1 {
        font-size:2.2em;
    }
    
    h2 {
        font-size:1.7em;
    }
    
    h3 {
        font-size:0.875em;
    }
    
    p {
        font-size:0.875em;
    }
    
    .cvh3 {
        font-size: 1.6em;
    }
    
    .writingh3 {
    font-size:1.2em;
}
    
    .cvdownload {
        width:100%;
    }
}