@charset "utf-8";
/* CSS Document */

#gallery {
  background-color: #2f5bc1;
  padding-top: 20px;
  padding-right:30px;
  width: 100%;
  text-align:center;
  overflow:auto;
  padding-bottom: 250px;
  padding-left:0px
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery img {
  border: 5px solid #ffffff;
  border-width: 5px 5px 20px;
  vertical-align: 10px;
}
#gallery img:hover{
  border: 5px solid #2d428c;
  border-width: 5px 5px 20px;
  color: #fff;
  transform: scale(1.1);
  opacity: 0.7;
}
#gallery img:hover { 
	color: #fff; 
}

container.gallery.content h2:hover {
	margin:0;
	padding:0;
	font-size:20px;
	color:#FFF
	
}
	

@media screen and (max-width:520px){
	img.responsive {
		width: 80%;
	}
	.gallery {
		padding-left: 10px;
	}
}

@media screen and (max-width: 694px) {
	.gallery {
		display:block;
		float:left;
	}

@media screen and (max-width: 384px) {
	img.responsive {
		width: 100%;
	}
	
}
	
	.gallery {
		padding-left: 0px;
		padding-right: 5px;
	}
	
	#gallery ul li { display: inline; }
}