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

/* for 980px or less */
@media screen and (max-width: 1000px) {


}
@media screen and (max-width: 860px) {
.viewport ul li {
	display:inline-block;
	padding:0px;
	margin:0px;
	padding-right:1%;
	padding-left:1%;
	text-align:center;
	line-height:25px;
	vertical-align:top;
	text-transform:uppercase;
	line-height:25px;
	padding-bottom:40px;
	width:45%;
}
}

/* for 700px or less */
@media screen and (max-width: 767px) {

.filds {
	width:100%;
	text-align:left;
}
.filds .con_heading {
	float:left;
	width:100%;	
	padding-bottom:2px;
}
.filds .con_fild {
	float:right;
	width:100%;
	padding-bottom:2px;
}
.nav {
	position:absolute;
	padding:5px;
}
.logo {
	text-align:center;	
}
.logo img {
	width:100%;
	height:auto;
	max-width:50px;
	max-height:50px;	
}
.naviMain {
	text-align:right;
	font-family: 'Dosis', sans-serif;
	color:#fdfbfa;
	padding-top:30px;
	font-weight:bold;	
	font-size:18px;
	display:none;
}
}
@media screen and (max-width: 680px) {

	
}
/*Smartphone*/
@media screen and (max-width: 520px) {
h1 {
	color:#666666;
	font-weight:lighter;
	font-size: 22px;
}

}
/*Smartphone*/
@media only screen and (max-width : 480px) {
.section1 {
	padding:10px;
}
.section2 {
	padding:0px;
	margin:0px;	
}
.section3 {
	padding:20px;	
}
.nav {
	position:relative;
}
}
/*Smartphone*/
@media only screen and (max-width : 320px) {


}