.thirds{
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
	cursor:pointer;
}

.quarters{
	width:calc(24% - 18px);
	display:inline-block;
	margin-left:8px;
	margin-right:8px;
	cursor:pointer;
}

.desktopOnly{ display:block; }
.mobileOnly{ display:none; }




#project-holder, #teamHolder{
	position:relative;
	text-align:center;
}

.projectThumb{
	margin-bottom:10px;
}

#projects-overlay{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	background-color:#000;
	opacity:1;
	min-height:400px;
	display:none;
}

#projectChromeTop{
	width:768px;
	position:absolute;
	top:0px;
	left:50%;
	transform: translate(-50%, -0%);
	-ms-transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%, -0%);
	margin:auto;
}

#closeProjects{
	position:absolute;
	right:20px;
	top:-30px;
	cursor:pointer;
	
}

#projectChromeBottom{
	width:768px;
	position:absolute;
	bottom:0px;
	left:50%;
	transform: translate(-50%, -0%);
	-webkit-transform: translate(-50%, -0%);
	-ms-transform: translate(-50%, -0%);
	margin:auto;
}


#previousProject{
	position:absolute;
	left:20px;
	top:10px;
	cursor:pointer;
}

#nextProject{
	position:absolute;
	right:20px;
	top:10px;
	cursor:pointer;
}



.projectDetail{
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  min-height:400px;
  position: absolute;
  top: 0%;
  left: 200%;
}





.projectText{
	position:absolute;
	text-align:left;
	line-height:1.4em;
	font-size:13px;	
}

.light{
	color:#eee;
}

.dark{
	font-weight: bold;
	color: #000014;
}


.shade.dark{
	background-color:rgba(255,255,255,0.3);
	padding:20px;
}

.shade.light{
	background-color:rgba(0,0,0,0.3);
	padding:20px;
}



.shadeExtra.dark{
	background-color:rgba(255,255,255,0.7);
	padding:20px;
}

.shadeExtra.light{
	background-color:rgba(0,0,0,0.8);
	padding:20px;
}







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

	.quarters {width:48%;margin-left:1px;margin-right:1px;}
}
@media screen and (max-width:820px){


	.desktopOnly{ display:none; }
	.mobileOnly{ display:block; }

	.quarters {width:100%;margin-left:0px;margin-right:0px;}
	.thirds {width:100%;margin-left:0px;margin-right:0px;}
	.thirds img{width:100%;}

	
	.projectDetail{
		background-color:#000;
		min-height:450px;
		background-size:cover !important;
		background-position:center top;
		height: 100vh;
	}

	.projectText{ 
		position:relative !important; 
		left:10% !important;
		top:20vw !important;
		margin-bottom:30px;
		width:78% !important; 
		text-align:left;
		line-height:1.4em;
		font-size:12px;
		background-color: unset;
		overflow: scroll;
	}

	#projects-overlay{
		min-height:500px;
		height:calc( 100%);

		z-index: 99999;
		position:fixed;
		top:0;
		left:0;
	}
	#page #projects{min-height:653px !important;text-align:center;}




	#model-rooms{margin-top:0px !important;}



	#projectChromeTop{width:100%;height:30px;}
	#closeProjects{top:10px;}
	#projectChromeBottom{width:360px;bottom:0px;height:40px;}
	
	
}