/*  GRID OF THREE   ============================================================================= */

	
.span_3_of_3 {
	width: 100%; 
}

.span_2_of_3 {
	width: 66.13%; 
}

.span_1_of_3 {
	float:left;
	width: 31.14%; 
}
.span_1_of_3 img {
	width: 100%; 

}


.screwey a{
	color:#FFF;
	padding:4px;
	text-decoration:none;
	margin-top:18px;
	margin-bottom:20px;
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	letter-spacing: 3px;
	line-height:24px;
	text-shadow:1px 1px 2px #444;
}

#dewey{
	width:20%;
	background-color:#eeeeee;	
	background-color:rgba(238,238,238,.7);	
	text-align:right;
	border-bottom: 1px solid #fff;
	padding:7px;
	margin-top:254px;
	float:left;
	z-index:1114;
	position:absolute;
}
.span_1_of_3 a img:hover {

	opacity: 0.4;


}
@media only screen and (max-width: 1770px) {
.span_3_of_3 img {
	width: 100%; 	
	
}
#dewey{
	width:20%;
	background-color:#eeeeee;	
	background-color:rgba(238,238,238,.7);	
	text-align:right;
	border-bottom: 1px solid #fff;
	padding:7px;
	margin-top:10%;
	float:left;
	z-index:14;
	position:absolute;}
}
@media only screen and (max-width: 1720px) {
.span_3_of_3 img {
	width: 100%; 	
	
}
#dewey{
	width:17%;
	background-color:#eeeeee;	
	background-color:rgba(238,238,238,.7);	
	text-align:right;
	border-bottom: 1px solid #fff;
	padding:7px;
	margin-top:11%;
	float:left;
	z-index:14;
	position:absolute;}
}
@media only screen and (max-width: 1420px) {
.span_3_of_3 img {
	width: 100%; 	
	
}
#dewey{
	width:17%;
	background-color:#eeeeee;	
	background-color:rgba(238,238,238,.7);	
	text-align:right;
	border-bottom: 1px solid #fff;
	padding:7px;
	margin-top:7%;
	float:left;
	z-index:14;
	position:absolute;}
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 700px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_3_of_3 img {
	width: 100%; 
}
#dewey{
	width:54%;
	background-color:#eeeeee;	
	background-color:rgba(238,238,238,.7);		
	text-align:right;
	border-bottom: 1px solid #fff;
	padding:7px;
	margin-top:254px;
	float:left;
	z-index:14;
	position:absolute;}
}
@media only screen and (max-width: 580px) {
	.span_3_of_3 {
		width: 100%; 
	}
	.span_2_of_3 {
		width: 100%; 
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_3_of_3 img {
	width: 100%; 
}
#dewey{
	width:54%;
	background-color:#eeeeee;	
	background-color:rgba(238,238,238,.7);	
	text-align:right;
	border-bottom: 1px solid #fff;
	padding:7px;
	margin-top:30%;
	float:left;
	z-index:14;
	position:absolute;}
}