@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width: 100%;
}

/* Mobile Layout: 480px and below. */

.gallery {
	text-align: center;

}


.gallery img {
	border: 3px solid #6D7754;
	height: 30%;
	width: 30%;
	opacity: 0.7;
	margin: 5px;
	-moz-transition: opacity 200ms linear;
	-webkit-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	transition: opacity 200ms linear;
	
	
}
.gallery img:hover {
	border: 3px solid #6D7754;
	height: 30%;
	width: 30%;
	opacity: 1;

	
			
}

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

}
@media only screen and (min-width: 768px) {
.gallery {

}

.gallery img {
	height: 23%;
	width: 23%;
	opacity: 0.7;
	border: 3px solid #6D7754;
	opacity: 0.7;
	margin: 5px;
	-moz-transition: opacity 200ms linear;
	-webkit-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	transition: opacity 200ms linear;
}
.gallery img:hover {
	border: 3px solid #6D7754;
	height: 23%;
	width: 23%;
	opacity: 1;		
}
}
@media only screen and (min-width: 1300px) {
.gallery img {
	height: 25%;
	width: 25%;
	opacity: 0.7;
	border: 3px solid #6D7754;
	opacity: 0.7;
	-moz-transition: opacity 200ms linear;
	-webkit-transition: opacity 200ms linear;
	-o-transition: opacity 200ms linear;
	transition: opacity 200ms linear;
	margin: 5px;
}
.gallery img:hover {
	border: 3px solid #6D7754;
	height: 25%;
	width: 25%;
	opacity: 1;		
}
}