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

html,
body {
	height: 100%;
}

body {
	font-family: 'Montserrat', sans-serif;
}

img {
	max-width: 100%;
}

.logo img {height: 50px;}

.bandera {width: 45px;height: 45px;}
.idioma {
	font-size: 0.7rem
}

a {
	color: #00ABC8;
	text-decoration: none
}

a:hover {color: #0693D6;}

.bannertexto h3 {
	font-size: 1rem
}

.bannertexto strong {
	font-size: 1.4em
}

.universidad,
.universidad .container {
	background-color: #0693D6;
	color: white;
}

.url {
	color: #0693D6
}

.boton {
	background: rgb(108, 108, 108);
	background: linear-gradient(180deg, rgba(108, 108, 108, 1) 0%, rgba(0, 2, 3, 1) 100%);
	color: white;
	border-radius: 8px;
	max-width: 95%;
}

footer {
	background: rgb(108, 108, 108);
	background: linear-gradient(180deg, rgba(108, 108, 108, 1) 0%, rgba(0, 2, 3, 1) 100%);
	color: white;
}
footer a {color: white;}

@media (max-width: 767px) {
	.bannertexto {
		margin-left: -12px;
	}

	.bannerimagen {
		margin-top: -50px;
	}
	
	.english {height: 200px}
}

@media (min-width:768px) {
	.boton {
		min-width: 275px;
		max-height: 300px;
	}
}

@media (min-width:769px) and (max-width: 1023px) {
	.bannertexto h3 {
		font-size: 1.6rem
	}
	.logo img {height: 60px;}
}

@media (min-width:1280px) {
	.bannertexto h3 {
		font-size: 2rem
	}
	.logo img {height: 70px;}
}