@media screen and (min-width: 1024px){

	body{
		background-color: #222222;
		margin: 2% 0px 0px 0px;
	}

	div#contenedor{
		width:80%;
		margin: 0 auto;
		border-radius: 20px;
		padding: 20px;
	}

	header h1{
		font-size: 250%;
	}

	header h2{
		font-size: 200%;
	}

	h1{
		font-size: 200%;
	}

	h2{
		font-size: 110%;
	}

	header > div#nombre{
		padding-left: 20px;
	}

	iframe{
		width:730px;
		height:411px;
	}

	audio{
		width:730px;
	}
}

@media screen and (min-width: 1388px){
	iframe{
		width:1105px;
		height:622px;
	}

	audio{
		width:1105px;
	}	
}