.footer{
	background-image: url(../img/images/footerbox.png);
	background-color: #663;
	color: #fff;
}
.footer .col{
	float: left;
	padding: 10px;
}
.footer .col ul li{
	padding-left: 20px;
}
.footer .top .col{
	width: 310px;
    padding: 10px;
}
.footer .bottom .col{
	width: 470px;
}
.group:after {
  content: "";
  display: table;
  clear: both;
}
.footer .credit {
    text-align: right;
	padding-left: 20px;
}
.footer .mail {
    margin: 0;
	padding-left: 20px;
}
.footer .btt{
	float: right;
	padding-right: 10px;
}

@media (max-width: 768px){
	.footer .btt{
		float: left;
		padding-right: 10px;
	}
	.footer .bottom .col{
		width: 310px;
	}
	.footer .credit {
		text-align: left;
	}
}