/*#525f5d*/
/*#87b747*/

html,body{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background: #7f7f7f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

header{
	background: #7f7f7f;
	padding: 20px;
	box-sizing: border-box;
}
header img{
	margin: 0 auto;
	width: 100%;
	max-width: 300px;
	display: block;
}
.content{
	width: 100%;
}
.content iframe{
	width: 100%;
	height: 56.25vw;
}
footer{
	background: #7f7f7f;
	padding: 30px;
	box-sizing: border-box;
	text-align: center;
}
footer a{
	color: #ffffff;
	transition: all 0.2s;
	display: inline-block;
	text-decoration: none;
	margin: 0 auto;
	font-size: 20px;
	padding: 10px 20px;
	border: 2px solid #ffffff;
	background: #7f7f7f;
}
footer a:hover{
	color: #87b747;
	background: #7f7f7f;
}