@media all {

	html, body {
		width: 100%;
		font-family: Georgia;
		text-align: center;
		margin: 0;
	}
		
	a:link, a:visited, a:active {
		color: #555;
		text-decoration: none;
	}
	
	a:hover {
		text-decoration: underline;
	}
	
	#banner {
		font-size: 7.6em;
		margin-top: 1rem;
	}
		
	#add {
		margin-top: 2.5rem;
	}

	input {
		font-family: Georgia;
		font-size: 2em;
		padding: 0.3em 0em;
		text-align: center;
		width: 800px;
		color: #eee;
	}
	
	#playerarea {
		margin: 3rem auto 0em auto;
		font-size: 1.5em;
		width: 800px;
	}
	
	#options {
		font-size: 1.5em;
		margin-bottom: 2rem;
	}
	
	.youtube-player {
		margin-bottom: 2em;
		border: 0;
	}
}

@media screen and (max-width: 850px) {

	#banner {
		font-size: 13vw;
	}

	

	#playerarea {
		width: 90%;
	}

	input {
		width: 90%;
		font-size: 6vw;
	}

}