@charset "utf-8";
/* CSS Document */
.gal ul {
	 /*background:#2a2a2a;url(../stars2.png) repeat top center;*/
	background: #fff;
	width:100%;
	list-style:none;
	float:left;
	padding:1.5% 0 0;
	margin-top:1.5%;
}

	
.gal ul li {
	width:23.875%;
	float:left;
	margin: 0 1% 0 0 ;
	position:relative;

}

.gal ul li img {
max-width:100%;
float:left;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 3px solid #ae2c30; 
}

.gal h2 {
	font-family: 'Overlock-Black';
	font-size: 3em;
	color:#483f8e;
	line-height: 1.3em;	
	padding: 0.5em;
	text-align:center
}

.gal h6 {
  padding: 5px 20px;
  border: 1px solid #ae2c30;
  background: #fff;
  color: #333;
  font-size: 1em;
  text-transform: uppercase;
  margin: 3px 3px 3px 3px;
  display: inline-block;
  width: auto;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.gal h7 {
  padding: 5px 20px;
  border: 1px solid #ae2c30;
  background: #fff;
  color: #333;
  font-size: 1em;
  text-transform: uppercase;
  margin: 3px auto;
  display: inline-block;
  width: 90%;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 0;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}


.clearfix {
        clear: both;
        display: block;
}


/*----------------------------------------
	Gallery Four
-----------------------------------------*/
.gal-4 li {
	-moz-transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	transition:all 1s ease;
}

.gal-4 li:hover {
	-moz-transform:scale(1.9) translate(52px, 22px);
	-webkit-transform:scale(1.9) translate(52px, 22px);
	-o-transform:scale(1.9) translate(52px, 22px);
	-ms-transform:scale(1.9) translate(52px, 22px);
	transform:scale(1.9) translate(52px, 22px);
	z-index:2;
}

.gal-4 li:nth-of-type(2):hover {
	-moz-transform:scale(1.9) translate(0, 22px);
	-webkit-transform:scale(1.9) translate(0, 22px);
	-o-transform:scale(1.9) translate(0, 22px);
	-ms-transform:scale(1.9) translate(0, 22px);
	transform:scale(1.9) translate(0, 22px);
}

.gal-4 li:nth-of-type(3):hover {
	-moz-transform:scale(1.9) translate(-52px, 22px);
	-webkit-transform:scale(1.9) translate(-52px, 22px);
	-o-transform:scale(1.9) translate(-52px, 22px);
	-ms-transform:scale(1.9) translate(-52px, 22px);
	transform:scale(1.9) translate(-52px, 22px);
}

.gal-4 li:nth-of-type(4):hover {
	-moz-transform:scale(1.9) translate(-52px, 22px);
	-webkit-transform:scale(1.9) translate(-52px, 22px);
	-o-transform:scale(1.9) translate(-52px, 22px);
	-ms-transform:scale(1.9) translate(-52px, 22px);
	transform:scale(1.9) translate(-52px, 22px);
}





@media screen and (max-width:580px) {
.gal h2 {
	font-size: 1.7em;
	line-height: 1.5em;	
	padding: 1.2em;
}

.gal ul li {
	width:95%;
	float:left;
	margin:2.5% 0 0 2.5%;
	position:relative;
}
    }