html, body {
	margin: 0;
	padding: 0;
	width: 100%;
}

* {
	box-sizing: border-box;
}

body {
	background: black;
}

#frame {
	background: transparent;
	display: block;
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	width: 950px;
	max-width: calc(100% - 40px);
	padding: 0;
	padding-bottom: 56.25%;
}

iframe {
	display: block;
	width: 100%;
	max-width: 100%;
	border: none;
	position: absolute;
	height: 100%;
}

#header {
	background: transparent;
	display: block;
	width: 100%;
	position: relative;
	height: 120px;
	margin: 40px 0;
	padding: 0 20px;
}

#header img#logo {
	display: block;
	background: transparent;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: auto;
	max-width: 100%;
}

@media (min-width: 1000px) {
	#frame {
		padding-bottom: 0;
		height: 570px;
	}
}