/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

	body {
		font-family: 'Lora';
		font-size: 24px;
		background-color: #FFFFFF;
		border: 0;
		margin: 0;
		padding: 0;
	}

	.boton {
		font-size: 12px;
	}
	.btn {
		font-size: 12px;
	}

	.font-titulo-etiqueta {
		font-family: 'Montserrat';
		font-size: 16px;
		color: #707070;
	}
	.font-titulo {
		font-family: 'Montserrat';
		font-size: 36px;
	}
	.font-nota-al-pie {
		font-size: 20px;
	}

	.logoCF {
		padding-left: 60px;
		height: 40px;
	}
	.usuarioINET {
		padding-left: 0;
		padding-top: 25px;
		padding-right: 10px;
		height: 50px;
	}
	.separadorMed {
		height: 55px;
	}

	.form-control {
		font-size: 24px;
		height: 50px;
		min-height: 50px !important;
	}
	.input-group-addon {
		font-size: 24px;
	}
	.input-group-stack {
		font-size: 24px;
	}
	.DatoGrilla {
		color: Black;
		font-size: 1.2em;
		text-decoration: none;
		text-align: left;
		font-weight: normal;
	}
	.logo-jurisdiccion {
		background: url('../imagenes/inicio/Jurisdiccion.svg') no-repeat center;
	}

	.logo-escuela {
		background: url('../imagenes/inicio/Alfa en red.svg') no-repeat center;
	}

	.logo-nacion {
		background: url('../imagenes/inicio/Nacion.svg') no-repeat center;
	}

}

@media only screen and (min-device-width: 481px) and (max-device-width: 800px) {

	body {
		font-family: 'Lora';
		font-size: 24px;
		background-color: #FFFFFF;
		border: 0;
		margin: 0;
		padding: 0;
	}

	.boton {
		font-size: 12px;
	}

	.btn {
		font-size: 12px;
	}

	.font-titulo-etiqueta {
		font-family: 'Montserrat';
		font-size: 16px;
		color: #707070;
	}

	.font-titulo {
		font-family: 'Montserrat';
		font-size: 36px;
	}

	.font-nota-al-pie {
		font-size: 20px;
	}

	.logoCF {
		padding-left: 60px;
		height: 40px;
	}

	.usuarioINET {
		padding-left: 0;
		padding-top: 25px;
		padding-right: 10px;
		height: 50px;
	}

	.separadorMed {
		height: 55px;
	}

	.form-control {
		font-size: 24px;
		height: 50px;
		min-height: 50px !important;
	}

	.input-group-addon {
		font-size: 24px;
	}

	.input-group-stack {
		font-size: 24px;
	}

	.DatoGrilla {
		color: Black;
		font-size: 1.2em;
		text-decoration: none;
		text-align: left;
		font-weight: normal;
	}
	.logo-jurisdiccion {
		background: url('../imagenes/inicio/Jurisdiccion.svg') no-repeat center;
	}

	.logo-escuela {
		background: url('../imagenes/inicio/Alfa en red.svg') no-repeat center;
	}

	.logo-nacion {
		background: url('../imagenes/inicio/Nacion.svg') no-repeat center;
	}
}