.footer{
	width:100%;
	height:200px;
	padding:30px 0;
	background-color:#006;
	font-family:Arial, Helvetica, sans-serif;
}
.footer .foot-nav{
	width:40%;
	height:150px;
	float:left;
//	background-color:#999;
	margin:5px 5%;
}
.foot-nav h2{
	font-size:30px;
	line-height:40px;
	margin:3px;
	color:#ffffff;
}
.foot-nav .text1{
	font-size:16px;
	line-height:20px;
	color:#dddddd;
}
.footer .copy-class{
	width:90%;
	height:30px;
	margin:5px auto;
	font-size:14px;
	color:#aaaaaa;
	text-align:center;
}
.foot-nav .social{
	width:40px;
	height:40px;
	margin:5px;
	padding:5px;
	background-color:#009;
	text-decoration:none;
	display:block;
	border-radius:5px;
	float:left;
}
.social img{
	width:30px;
	height:30px;
	margin:5px;
	border-radius:50%;
}
.foot-nav .social:hover{
	opacity:0.7;
}
.foot-nav a{
	width:40px;
	height:40px;
}
.foot-nav a img{
	width:100%;
	height:100%;
	border-radius:5px;
}
@media only screen and (max-width: 800px) {
.footer{
	height:auto;
}
.footer .foot-nav{
	width:90%;
	float:none;
}
.foot-nav h2{
	font-size:20px;
}
.foot-nav .text1{
	font-size:12px;
}
.footer .copy-class{
	font-size:12px;
}
}