@charset "utf-8";
/* CSS Document */
	body{background-image: url(../img/fone.png);;

}
    	ul{
			list-style: none outside none;
		    padding-left: 0;
            margin: 0;
		}
        .demo .item{
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
        }
		.content-slider li{
		    background-color: #ed3020;
		    text-align: center;
		    color: #FFF;
		}
		.content-slider h3 {
		    margin: 0;
		    padding: 70px 0;
		}
		.demo{
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;

		}
		
		ul#image-gallery li{
	max-height: 69vh;
	
		}
		
	
		
		
		
	@media screen and (max-height:560px){
	ul#image-gallery li{
		max-height:60vh;
	}
	
}	

	@media screen and (max-height:370px){
	ul#image-gallery li{
		max-height:50vh;
	}
	
}		
		
		
		
		ul#image-gallery li img{

	width:100%;
			
	display: block;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
}

@media screen and (min-width:800px){
	ul#image-gallery li img{
		height:69vh;
		width:auto;
	}
	
}	





#header{
	background-color: #000000;
	width: 100%;
	margin: 0px;
	padding: 0px;	
	}
	
#menu-wrap{
	width: 70vw;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	background-image: url(../img/header1.png);
	background-position: right top;
	background-size:  auto 10vh;
	height: 10vh;
}	


@media screen and (max-width:625px){
#menu-wrap{height: 15vh;}
}	



#logo img{height: 10vh;}	
	
@media screen and (max-width:800px){
#logo img{display:none;}
	
}	
	
	
	
	
	
ul.menu{
	position: absolute;
	right: 0px;
	bottom: 0px;
}
ul.menu li{
	display: inline-block;
	padding-bottom: 1vh;
	padding-left: 1vw;
	
}


	


ul.menu li a{

	display: block;


}


	
	
	
#content {
	width: 70vw;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	height:87vh;
}
.mainpic{width: 100%;}	
#content1 {
	width: 70vw;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 87vh;
	background-color: #C7C6C7;

}


#content ul li{
	float: left;
	width: 24%;
	padding-right: 5%;
	margin: 0px;
	padding-top: 0px;
}
#content ul li:first-child{
	padding-left: 10%;
}
#content ul li:last-child{
	float: right;
	padding-right: 10%;
}


@media screen and (max-width:800px){

#content ul li{
	float: none;
	width: 80%;padding-right: 10%;padding-left: 10%;
}
#content ul li:first-child{
	
}
#content ul li:last-child{
	float: none;

}


	
}







#content ul li h3{
	color: #5b5b5b;
	font-size: 100%/1.5em; 
}





#content ul li p{
	color: #5b5b5b;
		font-size: 100%/1.5em; 
}

.clear{
	clear: both;
}