* {padding:0;margin:0;}

html {width:100%;height:100%;}
body {font-family:Arial, Helvetica, Sans-serif;font-size:14px;line-height:1.5;font-weight:400;color:#434343;background:#EBE8DE;}

.container {margin:0 auto;}

header {margin:25px 0;}
header img {width:100%;}

aside {float:left;margin:0 0 25px;}
aside nav ul {list-style:none;}
aside nav ul li {margin-bottom:1px;}
aside nav ul li a {display:block;text-decoration:none;color:#000;background:#D3D3D3;padding:8px 20px;}
aside nav ul li a:hover{background:#A3CCFF;color:#FFF;}

#main {float:right;margin:0 0 25px; }
#tel{color:black;font-size:40px;font-weight:bolder;}
#mail{color:black;font-size:25px; }
a{text-decoration:none}
h2{font-size:8px;}

footer {clear:both;color:#CBE6A3;background:#D3D3D3;padding:3px 0 3px 3px;margin:0 0 25px; font-size:9px}
footer a,a:hover{color:gray}

textarea,input{
width:90%;
padding: 4px;
margin-top: 0px;
border:1px solid #7ac9b7;
border-radius:5px;
margin-bottom: 2px;
resize:none;
}


@media (min-width: 1100px) {
	.container {width:1050px;}
	aside {width:30%;}
	#main {width:65%;}
}
@media (max-width: 1100px) and (min-width: 1000px) {
	.container {width:950px;}
	aside {width:30%;}
	#main {width:65%;}
}
@media (max-width: 1000px) and (min-width: 800px) {
	.container {width:750px;}
	aside {width:30%;}
	#main {width:65%;}
}
@media (max-width: 800px) and (min-width: 500px) {
	.container {width:450px;}
	aside,
	#main {width:100%;}
}
@media (max-width: 500px) {
	.container {width:90%;}
	aside,
	#main {width:100%;}
}