html{
	font-size: 160%;
}
body{
	font-family: 'Raleway', sans-serif;
	font-size:1.2rem;
	line-height:1.2;
	color:#333;
	margin:0;
}

*{
	box-sizing: border-box;
}
a{
	text-decoration: underline;
	color:#333;
}
a:hover{
	text-decoration: none;
	color:#000;
}
.clear{
	clear:both;
	float:none;
}
.center{
	text-align:center;
}

.center div{
	margin:0 auto;
	float:none;
}
.fuwi {
	width:100%;
	margin:0 auto;
}
.cowi{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	padding:2rem 0;
}
.w25{
	width:25%;
	padding:0 1rem;
	float:left;
	overflow:hidden;
}
.w33{
	width:33.33%;
	padding:0 1rem;
	float:left;
	overflow:hidden;
}
.w50{
	width:50%;
	padding:0 1rem;
	float:left;
	overflow:hidden;
}
.w75{
	width:75%;
	padding:0 1rem;
	float:left;
	overflow:hidden;
}
.logo img{
	width:100%;
	height:auto;
}
#header{
	border-bottom:1px solid #666;
	margin-bottom:1rem;
}
#logos{
	padding-bottom:3rem;
	border-bottom:1px solid #666;
}
.logos{
	display:flex;
}
.logos .w25{
	flex:1;
}
.logos .w25 img{
		position: absolute;
		transform: translateY(-50%);
}
#footer{
	background:#ddd;
}

#footer h3{
	font-size:0.8rem;
	text-transform: uppercase;
}

#footer p{
	font-size:0.5rem;
}

@media screen and (max-width:800px) {
	#header{
		padding:0 1rem;
	}
	#content{
		padding:0 1rem;
	}
	.w25{
		width:100%;
		padding:0 1rem;
		float:none;
		padding:0;
	}
	.w33{
		width:100%;
		padding:0 1rem;
		float:none;
		padding:0;
	}
	.w50{
		width:100%;
		padding:0 1rem;
		float:none;
		padding:0;
	}
	.w75{
		width:100%;
		padding:0 1rem;
		float:none;
		padding:0;
	}
	.logos {
		display:block;
	}
	.logos .w25 img{
		position: relative;
		transform: none;
		width:100%;
		margin:1rem 0;
	}
	#footer .cowi{
		padding:0 1rem;
	}
}