/* css page overrides */

#main-content .container {
	max-width: none !important;
	padding: 0 !important;
}

h1 { 
    margin-top: 0 !important;
}

#banner-content {
	text-align: left;
	margin-bottom: 2em;
}

#banner-content ul {
	list-style-type: disc;
	padding-left: 2em;
}

iframe {
	width: 100%;
	height: 650px;
	overflow: hidden;
}

@media (max-width: 800px) {
	iframe {
		padding-top: 20px;
		height: 542px;
	}
}

@media (max-width: 700px) {
	iframe {
		padding-top: 20px;
		height: 480px;
	}
}

@media screen and (orientation: landscape) and (max-width: 680px) {
	header#header, footer#footer, #banner {
		display: none !important;
	}
	iframe {
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 10000;
    	padding-top: 0;
	}
 }

@media (max-width: 480px) {
	iframe {
		height: 290px;
	}
}