/*-----------------FOOTER--------------------*/

footer {
  padding-bottom:4vw;
  margin: 10vw 0 0 0;
}

/*-------------------------------------------CASESTUDIES--------------------------------------------*/
/*-------------------------------------------CASESTUDIES--------------------------------------------*/
/*-------------------------------------------CASESTUDIES--------------------------------------------*/



.csEntryCon{
	position:relative;
	width:100vw;
	height:100%;
	display: grid;
	grid-template-columns: 14% 66% 14%;
	grid-gap: 3%;
	align-items: center;
}

.csEntryColumn:nth-of-type(2){
	justify-content: center;
    display: flex;
}

.csIMG01{
	width:100%;
}

.csTitle{
	text-align: right;
	color: var(--brandGrey1);
}

.csCategory{
	font-family: "Helvetica-Bold", "Helvetica";
	line-height: 3em;
	font-size:0.5em;
	letter-spacing: 0.02em;
}

.csName{
	font-size: 1.2em;
	line-height: 1.1em;
	margin: 15px 0;

}

.csLocation{
	font-size:0.8em;
	line-height: 1.2em;
}

#csImgRowSection01,
#csImgRowSection02,
#csImgRowSection03,
#csImgRowSection05,
#csImgRowSection07{
	text-align: center;
}

#csImgRowSection01{
	padding: 100px 0;
	background-color:#fff;
	align-items: center;
	overflow: hidden;
}

.csCopyBlock{
	position:relative;
	max-width: 1000px;
	margin: 100px auto;
	display: block;
}

.Creds{
	font-family: "Helvetica-Roman", "Helvetica";
	font-size: 0.7em;
}

.hBold{
	font-family: "Helvetica-Bold", "Helvetica";
}



.gridSection{
	position:relative;
	width:100%;
	display:grid;
	grid-template-columns:6.25vw 6.25vw 6.25vw 6.25vw 6.25vw 6.25vw 6.25vw 6.25vw 6.25vw 6.25vw 6.25vw 6.25vw 6.25vw 6.25vw 6.25vw;
}

.csIMG{
	position:relative;
	width: 100%;
}

.csIMG02{
	grid-column:2/9;
}

.csCopyBlock{
	width:100%;
	grid-column: 4/11;
}

.csIMG03{
    grid-column:10/15;
}

.csIMG04{
	margin: 12vw 0 0 0;
    grid-column: 3/8;
}

.csIMG05{
	grid-column:9/15;
}

.csIMG06 {
    margin: 8vw 0 0 0;
    grid-column: 3/10;
}

.csIMG07 {
    margin: 0vw 0 -9vw 0;
    grid-column: 11/14;
    align-self: end;
}

.csIMG08 {
    margin: 10vw 0 0vw 0;
    grid-column: 1/7;
}

.csIMG09 {
    margin: 20vw 0 0vw 0;
    grid-column: 9/17;
}


.csIMG10{
	 margin: 9vw 0 0vw 0;
    grid-column: 4/14;
}

.csIMG11 {
    margin: 7vw 0 0vw 0;
    grid-column: 1/7;
}

.csIMG12 {
    margin: 16vw 0 0vw 0;
    grid-column: 9/17;
}

.csIMG13 {
    margin: -5vw 0 0vw 0;
    grid-column: 2/6;
}

.csIMG14 {
    margin: 12vw 0 0vw 0;
    grid-column: 10/15;
}

/*----------------------MWO---*/


#mwo .csIMG02{
	grid-column:2/9;
}

#mwo .csIMG03{
    grid-column:10/15;
}

#mwo .csIMG04{
	margin: 12vw 0 0 0;
    grid-column: 2/14;
}

#mwo .csIMG05{
	margin: 13vw 0 0 0;
	grid-column:2/7;
}

#mwo .csIMG06 {
    margin: 8vw 0 0 0;
    grid-column: 8/16;
}

#mwo .csIMG07 {
	margin: 8vw 0 0vw 0;
	grid-column: 1/9;
}

#mwo .csIMG08 {
	margin: 0vw 0 -16vw 0;
	grid-column: 10/16;
	align-self: end;
}

#mwo .csIMG09 {
    margin: 25vw 0 0vw 0;
    grid-column: 4/14;
}


#mwo .csIMG10{
	 margin: 9vw 0 0vw 0;
    grid-column: 8/17;
}

#mwo .csIMG11 {
    margin: 0vw 0 -20vw 0;
    grid-column: 1/7;
    align-self: end;
}

#mwo .csIMG12 {
    margin: 30vw 0 0vw 0;
    grid-column: 4/14;
}

/*----------------------e72---*/


#e72 .csIMG02{
    grid-column:2/9;
}

#e72 .csIMG03{
    grid-column:10/15;
}

#e72 .csIMG04{
    margin: 1vw 0 0 0;
    grid-column: 2/6;
}

#e72 .csIMG05{
    margin: 10vw 0 0 0;
    grid-column:8/17;
}

#e72 .csIMG06 {
    margin: 8vw 0 0 0;
    grid-column: 1/10;
}

#e72 .csIMG07 {
    margin: 0vw 0 -20vw 0;
    grid-column: 11/16;
    align-self: end;
}

#e72 .csIMG08 {
    margin: 13vw 0 0 0;
    grid-column: 3/7;
}

#e72 .csIMG09 {
   margin: 7vw 0 0vw 0;
    grid-column: 4/14;
}


#e72 .csIMG10{
    margin: 12vw 0 0vw 0;
    grid-column: 1/9;
}

#e72 .csIMG11 {
    margin: 0vw 0 -20vw 0;
    grid-column: 10/16;
    align-self: end;
}

#e72 .csIMG12 {
    margin: 30vw 0 0vw 0;
    grid-column: 3/11;
}

#e72 .csIMG13 {
    margin: 0vw 0 -24vw 0;
    grid-column: 1/6;
    align-self: end;
}

#e72 .csIMG14 {
    margin: 8vw 0 0vw 0;
    grid-column: 8/15;
}

#e72 .csIMG15 {
    margin: 12vw 0 0vw 0;
    grid-column: 10/17;
}

#e72 .csIMG16 {
    margin: -18vw 0 0vw 0;
    grid-column: 2/8;
}

#e72 .csIMG17 {
    margin: 12vw 0 0vw 0;
    grid-column: 9/14;
}

#e72 .csIMG18 {
    margin: 5vw 0 0vw 0;
    grid-column: 1/11;
}

#e72 .csIMG19 {
    margin: 5vw 0 0vw 0;
    grid-column: 8/16;
}


/*----------------------wrrn---*/


#wrrn .csIMG02{
    grid-column:2/5;
}

#wrrn .csIMG03{
    grid-column: 5/8;
    margin: 0 0 0 20px;
}

#wrrn .csIMG04{
    margin: 0vw 0 0 0;
    grid-column: 9/16;
}

#wrrn .csIMG05{
    margin: 0vw 0 0 0;
    grid-column:1/9;
}

#wrrn .csIMG06 {
    margin: 30vw 0 0 0;
    grid-column: 10/16;
}

#wrrn .csIMG07 {
    margin: 10vw 0 0vw 0;
    grid-column: 2/13;
}

#wrrn .csIMG08 {
    margin: 0vw 0 -17vw 0;
    grid-column: 1/8;
    align-self: end;
}

#wrrn .csIMG09 {
  margin: 7vw 0 0 0;
    grid-column: 10/17;
}


#wrrn .csIMG10{
    margin: 30vw 0 0vw 0;
    grid-column: 8/17;
}

#wrrn .csIMG11 {
    margin: 10vw 0 0vw 0;
    grid-column: 2/16;
}

#wrrn .csIMG12 {
    margin: 23vw 0 0vw 0;
    grid-column: 1/8;
}

#wrrn .csIMG13 {
    margin: 14vw 0 0vw 0;
    grid-column: 10/15;
}

#wrrn .csIMG14 {
    margin: 8vw 0 0vw 0;
    grid-column: 6/16;
}

#wrrn .csIMG15 {
    margin: 10vw 0 0vw 0;
    grid-column: 2/8;
}

#wrrn .csIMG16 {
   margin: 25vw 0 0vw 0;
    grid-column: 9/16;
}

#wrrn .csIMG17 {
    margin: 10vw 0 0vw 0;
    grid-column: 1/13;
}

#wrrn .csIMG18 {
    margin: 35vw 0 0vw 0;
    grid-column: 3/9;
}

#wrrn .csIMG19 {
    margin: 10vw 0 0vw 0;
    grid-column: 11/17;
}



/*-------------------------------------------MQS--------------------------------------------*/
/*-------------------------------------------MQS--------------------------------------------*/
/*-------------------------------------------MQS--------------------------------------------*/
/*-------------------------------------------MQS--------------------------------------------*/
/*-------------------------------------------MQS--------------------------------------------*/
/*-------------------------------------------MQS--------------------------------------------*/


/*--------------------------------------------1660px----*/

@media (min-width:0px) and (max-width:1660px){




}

/*--------------------------------------------1200px----*/

@media (min-width:0px) and (max-width:1200px){

/*---------------GLOBALS----*/

.navText {
    font-size: 0.8em;
}

footer {
    grid-template-columns: 5.4vw 32.5vw 2.4vw 23vw 5.3vw 26vw 5.4vw;
}

}



/*--------------------------------------------1001px----*/

@media (min-width:0px) and (max-width:1001px){

.moduleGrid {
    grid-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
}

.gridItem {
    height: 20vw;
}

.projectTitle, .projectClient {
    font-size: 1em;
    line-height: 1.5em;
}


/*---------------CASE-STUDIES----*/

.csName {
    font-size: 1em;
    margin: 10px 0;
}

.csLocation {
    font-size: 0.66em;
    line-height: 1.2em;
}

.csCopyBlock {
    width: 100%;
    grid-column: 4/13;
}



}


@media only screen and (min-device-width: 768px) and (max-device-width: 1366px){

/*---------------HOME------------*/

.hpEntrySection {
    background: url(/images/home/copyright_BarkowPhoto_6712_D.jpg) no-repeat left;
}

.entryContent {
    height: 18vw;
    grid-template-columns: 49% 15% 10% 8% 10% 7%;
    padding: 20px 0 20px 10px;
}



/*---------------CASE-STUDIES----*/

.csEntrySection{
	height: 50vh;
}

.csLocation {
    font-size: 0.55em;
    line-height: 1.2em;
}

.csCopyBlock {
    width: 100%;
    grid-column: 3/12;
}

.csIMG04 {
    margin: 12vw 0 0 0;
    grid-column: 2/8;
}

.csIMG05 {
    grid-column: 9/16;
}

.csIMG07 {
    grid-column: 12/15;
}

.csIMG10 {
    margin: 12vw 0 6vw 0;
    grid-column: 3/15;
}

.csIMG13 {
    margin: -7vw 0 0vw 0;
    grid-column: 2/7;
}

.csIMG14 {
    margin: 12vw 0 0vw 0;
    grid-column: 10/16;
}

}

/*--------------------------------------------444px----*/

@media (min-width:0px) and (max-width:444px){


/*---------------HOME------------*/

.hpEntrySection {
    background: url(/images/home/copyright_BarkowPhoto_6712_D.jpg) no-repeat left;
}

.entryContent {
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.entryColumn1{
	width: 90%;
    margin: 30px;
}

.home-logo{
	margin: auto;
}

.entryColumn3, .entryColumn5{
	margin:10px 0;
}

.entryColumn4{
	width: 20%;
	margin: 50px 0 0 0;
}

.home-name {
    margin: 30px 0 0 0;
}

.moduleCon {
    width: 90%;
    margin: 0px auto 40px auto;
    padding: 10px 10px 10px 10px;
}

.moduleGrid {
	width: 100%;
    grid-gap: 10px;
}

.gridItem {
    height: 24vw;
}

.projectTitle, .projectClient{
	font-size:0.5em;
}

.projectClient{

}

/*---------------GLOBALS----*/

/*footer{
	grid-template-columns: 6.25vw 87.5vw 6.25vw;
	margin: 4vw 0 0 0;
}

.footer-logo, .footer-contact, .footer-social-email-copy {
    grid-column: 2/3;
}

.footer-logo{
	width: 90%;
	margin: 40px 0 0 0;
}


.footer-contact{
	margin: 10vw 0;
}
*/

/*---------------CASE-STUDIES----*/

.csEntrySection {
    height: fit-content;
}

.csEntryCon {
    height: 60vh;
    display: flex;
    align-items: end;
    flex-direction: column;
    justify-content: end;
}

.csEntryColumn:nth-of-type(1) {
    margin: 15% 6% 0% 3%;
}

.csEntryColumn:nth-of-type(2){
	margin: 5%;
}

.csEntrySection .buffer{
	display: none;
}

#csImgRowSection01 {
    padding: 0;
    height: fit-content;
    display: flex;
    flex-direction: column-reverse;
    margin: 0;
}

.csIMG02, .csIMG03 {
	width:90%;
    margin: 5%;
}


.csCopyBlock, .csIMG04, .csIMG05, .csIMG06, .csIMG07, .csIMG08, .csIMG09, .csIMG10, .csIMG11, .csIMG12, .csIMG13, .csIMG14
 {
    grid-column: 2/16;
    margin: 3.25vw 0;
}

#wrrn .csIMG03 {
    margin: 20px 0 0 0;
}

#wrrn .csIMG04 {
    margin: 20px 0 0 0;
    grid-column: 14/16;
    width: 90%;
}


}


/*--------------------------------------------375px----*/

@media (min-width:0px) and (max-width:375px){

.entryColumn3, .entryColumn5 {
    margin: 0px 0 20px 0;
}

.entryColumn4 {
    margin: 30px 0 0 0;
}


}