@media screen and (min-width: 481px) and (max-width: 1023px){
	
	div#contenedor{
		padding: 10px;
	}

	header{
		-webkit-flex-direction: column;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	header h1{
		font-size: 150%;
	}

	header h2{
		display: none;
	}

	header > div#nombre{
		padding-left: 20px;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
	}

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

	audio{
		width:345px;
	}
}

@media screen and (min-width: 481px) and (max-width: 759px){
	iframe{
		width:355px;
		height:200px;
	}

	audio{
		width:355px;
	}
}