@font-face {
	font-family: Monserrat;
	src: url("Montserrat/Montserrat.css") format("opentype");
}

@font-face {
	font-family: Montserrat-Light;
	src: url(Montserrat/Montserrat-Light.otf)
}


.center {
	padding: 70px 0;
	text-align: center;
}

.datos {
	background-color: #F5F3F4;
	font-style: italic;
	color: black;
	width: 100%;
	font-family: Montserrat-Light;
	font-size: max(0.8vw, 10px);
	border: 4px solid #691B31;
}

.claro {
	background-color: #DEC9A5;
	color: white;
	width: 100%;
	font-size: max(0.8vw, 10px);
	border: 4px solid #691B31;
}

.oscuro {
	background-color: #B68E63;
	color: white;
	width: 100%;
	font-size: max(0.8vw, 10px);
	border: 4px solid #691B31;
}

.titulo {
	background-color: #7C4955;
	color: white;
	font-size: max(0.7vw, 10px);
	border: 4px solid #691B31;
	text-overflow: clip;
}

.folio {
	background-color: #A12242;
	color: white;
	font-size: 1vw;
	width: 100%;
	border: 4px solid #691B31;
}

.imagen {
	border: 10px solid #B68E63;
	height: 95%;
	width: 120%;
}




@media only screen and (max-width: 991px) {
	.imagen {
		border: 5px solid #B68E63;
		height: 50%;
		width: 120%;
		margin-top: 60%;
	}
}




@media only screen and (max-width: 991px) {
	.imagen {
		border: 5px solid #B68E63;
		height: 70%;
		width: 120%;
		margin-top: 60%;
	}
}

@media only screen and (max-width: 768px) {
	.imagen {
		border: 5px solid #B68E63;
		height: 40%;
		width: 120%;
		margin-top: 180%;
	}

	.folio {
		font-size: 2vw;
	}
}

@media only screen and (max-width: 575px) {
	.imagen {
		border: 5px solid #B68E63;
		height: 100%;
		width: 120%;
		margin-top: 0%;
	}

	#contenedorimagen {
		display: none;
	}

	#contenedorimageninicial {
		display: block;
	}

	.folio {
		font-size: 3vw;
	}
}

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

	#contenedorimagen {
		display: block;
	}

	#contenedorimageninicial {
		display: none;
	}


}