@charset "utf-8";
/* CSS Document */
@media (max-width: 996px) {
body {
	max-width: 780px;
}

header .logo h2 {
	margin-left: 0px;
}

main.index {
	margin-top:50px;
}
main.index h1 {
    font-size:27px;
    margin-bottom: 0;
}
main.index h2 {
	margin-bottom: 0;}
main.index article {
	display:none;}
main.index .form i {
	top:50px;	
	left:240px;
}
main.index input,
main.index input:focus {
	padding:20px;
	width:100%;
}

footer {
	max-width: 780px;
}
}

@media (max-width: 800px) {
header {
	padding-left: 20px;
	padding-right: 20px;
}	
header .logo, header .menu {
	float: none;
}	

main.index {
	position: relative;
	padding: 0 25px;
}
main.index h2 {
	font-size: 18p;
}
main.index article {
	font-size: 14p;
}
main.index label {
	padding-bottom:10px;
}
main.portal .wrap, 
main.list .wrap {
	width:95%;
}
main.portal .contact span {
		margin-bottom:5px;
}
main.portal section ul li {
	margin-right:10px;
	margin-bottom:15px;
}
main.portal section table {
	width:100%;	
}

footer {
	overflow: hidden;
	width: 100%;
	height: 100%;
	position: relative;		
	margin-top: 20px;
}
footer .option {
	position: relative;
	width: 100%;
	left: auto;
	right: auto;
	top: auto;
	padding: 0 25px;
	margin-bottom: 60px;
	float: none;	
}
footer .option#last-child {
	margin-bottom: 20px;
}
footer .two {
	margin-left: 0px;
	-webkit-transform: none;
	transform: none;
}
}

@media (min-width: 801px) and (max-height: 600px) {
footer {
	position: relative;
	margin: 135px auto 0;
}
}