@charset "utf-8";
/* CSS Document */

#videos {
	display: flex; /*contenedor flexible pone los videos uno a continuación del otro y los va reduciendo en 1 linea.*/
	justify-content: space-between; /* Distribuir items uniformemente El primer item al inicio, el último al final */
	flex-wrap: wrap; /*quiero partir las filas si es necesario y respeta el 19% que le he dado*/
	margin-top: 3em;
}
#videos section {
	width: 19%;
	position: relative;
	margin-bottom: 0.5em; /*separar unas lineas de otras*/
}

.dartamano {
	display: block;
	width: 100%;
	height: auto;
	
}
.ocupatodo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	border-radius: 2em; /*poner los videos con el borde redondeado.*/
}
#navegador a:nth-of-type(5) {
	background-color: white;
	color:black;
}
@media (max-width: 1600px) {
	#videos section {
		width: 24.5%;
	}
}
@media (max-width: 800px) {
	#videos section {
		width: 33%;
	}
}
@media (max-width: 600px) {
	#videos section {
		width: 49.5%;
	}
}
@media (max-width: 450px) {
	#videos section {
		width: 100%;
	}
}