/*------------------------------------------------*/
/* Basic styles */ 
/* Designed and coded by HeroWP.com*/
/* Don't forget to visit us daily for tons of freebies:
	-PSD Templates
	-Wordpress Plugins
	-Wordpess Themes
	-HTML Designs
	-& many more!
*/
/*------------------------------------------------*/

body{
font-family: 'Libre Baskerville', serif;
	color:#828081;
}

@media (min-width: 1200px){
	.container {
		width:1170px;
	}
}

#wrap{
	width:100%;
	height:100%;
	display:table;
	position:relative;
	z-index:10000;
}



.image-align{
	margin:0 auto;
	text-align:center;
	display:block;
	padding-top: 4px;
	margin-bottom: 15px;
}

.image-align2{
	margin:0 auto;
	text-align:center;
	display:block;
	padding-top: 8px;
}

.quad{
	margin:0 auto;
	text-align:center;
	display:block;
	padding-top: 3px;

}
.quad2{
	margin:0 auto;
	text-align:center;
	display:block;
	padding-top: 3px;
	width: 100%

}

.square1 {
    width: 110px;
    height: 112px;
    background: url("../images/square1.jpg") no-repeat;
}
.square1:hover {
    background: url("../images/square1_.jpg") no-repeat;
}

.square2 {
    width: 110px;
    height: 112px;
    background: url("../images/square2.jpg") no-repeat;
}
.square2:hover {
    background: url("../images/square2_.jpg") no-repeat;
}

.square3 {
    width: 110px;
    height: 112px;
    background: url("../images/square3.jpg") no-repeat;
}
.square3:hover {
    background: url("../images/square3_.jpg") no-repeat;
}


.squares1 {
    width: 400px;
    height: 121px;
    background: url("../images/squares1.jpg") no-repeat;
}
.squares1:hover {
    background: url("../images/squares1_.jpg") no-repeat;
}

h1{

	font-weight:300;
	text-align:center;
		margin: 8px;
}

h1 span{
	font-size:34px;
	color: #e87717;
	margin: 8px;
}
h2 span{
	font-size:28 px;
	text-align:center;
}

h2 {
	text-align:center;
}


.yellow{
	color:#e87717;
	font-size:56px;
}

p{
	font-size:20px;
	line-height:20px;
	text-align:center;
	font-weight:500;
}



a{
color:#828081;
text-decoration:none;
font-size:16px;
}

p.copyright{
font-size:16px;
margin-top:8px;
text-align: center;
}

/*------------------------------------------------*/
/* Responsive styles */
/*------------------------------------------------*/

@media (min-width: 561px) and (max-width: 720px) {
	
		.image-align{
		padding-top: 10px;
		width:100%;
	}
	
	.image-align2{
		padding-top: 10px;
		width:100%;
	}
	

	h1,.yellow{
		font-size:32px;
	}	
	
	h1 span{
	font-size:18px;
	}
	
.squares1 {
    width: 400px;
    height: 121px;
    background: url("../images/squares1.jpg") no-repeat;
}
.squares1:hover {
    background: url("../images/squares1_.jpg") no-repeat;
}

}

@media (max-width: 600px){
		.image-align{
		padding-top: 10px;
		width:100%;
	}
	
	.image-align2{
		padding-top: 10px;
		width:100%;
	}
	

	h1,.yellow{
		font-size:32px;
	}	
	
	h1 span{
	font-size:18px;
	}
	
.squares1 {
    width: 400px;
    height: 121px;
    background: url("../images/squares1.jpg") no-repeat;
}
.squares1:hover {
    background: url("../images/squares1_.jpg") no-repeat;
}
	
}

@media (max-width: 420px){
	

	
	.image-align{
		padding-top: 10px;
		width:100%;
	}
	
	.image-align2{
		padding-top: 10px;
		width:100%;
	}
	

	h1,.yellow{
		font-size:32px;
	}	
	
	h1 span{
	font-size:18px;
	}
	.squares1 {
    width: 400px;
    height: 121px;
    background: url("../images/squares1.jpg") no-repeat;
}
.squares1:hover {
    background: url("../images/squares1_.jpg") no-repeat;
}
	
}