/*********** HERO **********/
.caseStudyHero{
    float:left;
    background-size:contain;
    width:100%;
    background-size:100%;
    background-repeat: no-repeat;
    margin-top:10vw;
    margin-right:0px;
    margin-left:0px;
    padding:0px;
}

.heroTxt{
    display:block;
    font-size:5.5vw;
    line-height:100%;
    margin-top:8%;
    margin-left:5vw;
    width:60vw;
    color:#fff;
    font-weight:600;
}

/********** thirds *********/
#thirds .container{
    width:90%;
}

.third{
    float:left;
    width:30%;
    height:100px;
}
.third img{
    width:100%;
}

#thirdM{
    margin-left:5%;
    margin-right:5%;
    float:left;
}


/*********** Hawaiian Licks Specific **********/
#HLheroBg{
    background-image:url("../images/CaseStudies/HawaiianLicks/HawaiianLicks_header.jpg");
    height:34vw;
}

#HL .halfL, #HL .halfR{
    text-align:left;
}

#HLintro{
    background-color:#2b0016;
    color:#fff;
    font-size:.9em;
    padding-top:4vw;
    padding-bottom:4vw;
    float:left;
    margin-top:0px;
}

#HLByTheNumbers{
    float:left;
    background-size:contain;
    width:100%;
    background-size:100%;
    background-repeat: no-repeat;
    margin-top:6vw;
    margin-right:0px;
    margin-left:0px;
    padding:0px;
    height:40vw;
    background-color:#db007c;
}
#HLByTheNumbers .heroTxt{
    color:#fff;
    font-weight:500;
    font-size:2em;
    margin-top:4%;
}
#HLByTheNumbers .row{
    margin-top:2%;
}




/*********** EvilOctopus Specific **********/
#EOheroBg{
    background-image:url("../images/CaseStudies/EvilOctopus/EO_heroImage.jpg");
    height:60vw;
}

#EO .halfL, #EO .halfR{
    text-align:left;
}

#EOintro{
    background-color:#131313;
    color:#fff;
    font-size:.9em;
    padding-top:4vw;
    padding-bottom:4vw;
    float:left;
    margin-top:0px;
}

#EO_Illustrations{
    float:left;
    height:36vw;
}
#EO_Illustrations #thirds .container{
    width:80%;
}