/* Pantallas hasta 1280px */
@media screen and (max-width: 1920px) {
	body {
		background-image: url('images/africam-1920.jpg');
	}
}

/* Hasta 1280px en horizontal */
@media screen and (max-width: 1280px) and (orientation: landscape) {
	body {
		background-image: url('images/africam-1200.jpg');
	}
}

/* Hasta 1280px en vertical */
@media screen and (max-width: 1280px) and (orientation: portrait) {
	body {
		background-image: url('images/africam-1200-portrait.jpg');
	}
}

/* Hasta 900px en horizontal */
@media screen and (max-width: 900px) and (orientation: landscape) {
	body {
		background-image: url('images/africam.jpg');
	}
}

/* Hasta 900px en vertical */
@media screen and (max-width: 900px) and (orientation: portrait) {
	body {
		background-image: url('images/africam-portrait.jpg'); /* Usa una imagen vertical */
	}
}

/*Medida para tablets en vertical*/
@media screen and (max-width:760px) {
	#login {
		padding: 20px 10%;
	}

	.content {
		top: 10px;
		padding: 10px;
		background: rgba(0, 0, 0, 0.4);
	}

	.content2 {
		max-width: 95%;
	}
}

/*Medida smartphones*/
@media screen and (max-width:600px) {
}

/*Medida smartphones*/
@media screen and (max-width:400px) {
}

/*Medida smartphones*/
@media screen and (max-width:360px) {
	h1 { font-size: 28px;  line-height: 36px; }
	h2 { font-size: 24px;  line-height: 30px; }
	h3 { font-size: 20px;  line-height: 26px; }
	h4 { font-size: 18px;  line-height: 24px; }
}

/*Medida smartphones*/
@media screen and (max-width:250px) {
}