#header {
}
	
	#header a {
		border: none;
	}

#footer {
	height: auto;
	width: 100%;
	bottom: 0px;
	min-height: 180px;
	float: none;
	display: table;
}

#accukeysHeaderLogo {
	width: 50%;
}

	@media screen and (max-width: 480px) {
		#accukeysHeaderLogo {
			width: 100%;
		}
	}
	
#credits {
	display: table-cell;
	vertical-align: bottom; 
	margin: auto auto 10px auto;
}

	#credits p {
		text-align: center;
		margin: 0px;
	}
	
	#credits a,
	#credits a:visited {
		color: rgba(83, 183, 213, 0.8);
		border-style: none;
	}
	
		#credits a:hover,
		#credits a:active {
			color: rgba(83, 183, 213, 1) !important;
		}

.ytplayer {
	width: 100%;
	display: block;
	margin-bottom: 2em;
}

	@media screen and (max-width: 360px) {
		.ytplayer {
			height: 176px;
		}
		
	}
	
	@media screen and (min-width: 361px) and (max-width: 480px) {
		.ytplayer {
			height: 176px;
		}
		
	}
	
	@media screen and (min-width: 481px) and (max-width: 736px) {
		.ytplayer {
			height: 240px;
		}
		
	}
	
	@media screen and (min-width: 737px) and (max-width: 980px) {
		.ytplayer {
			height:384px;
		}
		
	}
	
	@media screen and (min-width: 981px) and (max-width: 1280px) {
		.ytplayer {
			height: 492px;
		}
		
	}
	
	@media screen and (min-width: 1281px) and (max-width: 1680px) {
		.ytplayer {
			height: 660px;
		}
	}
	
	@media screen and (min-width: 1681px) {
		.ytplayer {
			height: 825px;
		}
	}