html {font-size: 62.5%;} /* reset font-size to 10px  */
*, *:before, *:after {margin:0; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
*:focus{outline:0;}
img {border: 0; vertical-align: bottom;}
table {border-collapse: collapse; border-spacing: 0;}
.trans, a {-webkit-transition: all ease 0.2s; -o-transition: all ease 0.2s; transition: all ease 0.2s;}
a {text-decoration: none;}
/* end reset */ 
body {font: normal 1.6rem/1.3 'Open Sans', Arial; color: #fff;
	background: url(../images/bg-body.jpg) no-repeat center top;
	background-size: cover;
}

/* comodines*/
.maxw {width: 100%; max-width: 1200px; margin: auto;}
.w600 {max-width: 600px;}
.w650 {max-width: 650px;}
.w680 {max-width: 680px;}
.w700 {max-width: 700px;}
.w750 {max-width: 750px;}
.w800 {max-width: 800px;}
/* -------------- */

.container {width: 100%; height: 100vh;}

.content {
	width: 100%;
	flex-grow: 1; 
	margin: auto;
}
.content > div {width: 100%; padding: 20px;}

.logo {padding: 15px;}
.iconBox {
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 10px;
	padding: 20px;
}
.icons {
	width: 100%;
	padding: 15px 10px;
	border-right: 1px solid rgba(0,0,0,.6);
	border-left: 1px solid rgba(255,255,255,.6);
	opacity: .5;
	filter: alpha(opacity=50);
	transition: all ease .2s;
}
.icons:hover {opacity: 1; filter: alpha(opacity=100);}
.icons:first-child {border-left: none;}
.icons:last-child {border-right: none;}
.foot {
	font-size: 1.2rem;
	background: #195952; 
	border-top: 1px solid rgba(255,255,255,.3);
	padding: 20px 0;
}



@media screen and (max-width: 1360px) {
	body {
		background: url(../images/bg-body2.jpg) no-repeat center top;
		background-size: cover;
	}
}

@media screen and (max-width: 980px) {


}

@media screen and (max-width: 800px) {

	
}

@media screen and (max-width: 768px) {


}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 568px) {
	.iconBox {padding: 00px;}
	.icons img {width: 100%;}
}

@media screen and (max-width: 480px) {

}

@media screen and (max-width: 425px) {
	.logo img {width: 100%;}
} /* max-width: 425px*/

@media screen and (max-width: 375px) {


}