/*** FUENTES ***/
@font-face {
    font-family: 'Guardian Sans';
    src: local('Guardian Sans Bold'), local('GuardianSans-Bold'),
url('../images/fonts/GuardianSans-Bold.woff2') format('woff2'),
url('../images/fonts/GuardianSans-Bold.woff') format('woff'),
url('../images/fonts/GuardianSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Guardian Sans';
    src: local('Guardian Sans Regular'), local('GuardianSans-Regular'),
url('../images/fonts/GuardianSans-Regular.woff2') format('woff2'),
url('../images/fonts/GuardianSans-Regular.woff') format('woff'),
url('../images/fonts/GuardianSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


body{
	font-family: "Guardian Sans", sans-serif;
	font-weight: normal;
    font-style: normal;
}
section{
	display: flex;
	justify-content: center;
	flex-direction: column;
}
/** Imagenes **/
.logo, .ilustracion-ingreso, .boton-ingresar, .ilustracion-404{
	display: flex;
	justify-content: center;
}
.logo, .ilustracion{
	margin-top: 3%;
}
.logo.centrado{
	margin-top: 5.5%;
}
.logo img{
	width: 20%;
}
.ilustracion{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.imagen-1{
	width: 35%;
	margin: 2% auto 0% auto;
	display: flex;
	justify-content: center;
}
.ilustracion-ingreso img{
	width: 60%;
	margin: 2% auto 0% auto;
}
.ilustracion-404 img{
	width: 35%;
	margin-top: 2%;
}
/** Boton **/
.boton-ingresar a{
	font-family: "Guardian Sans", sans-serif;
	font-weight: normal;
	background-color: #005baa;
	color: #fff;
	border: none;
	border-radius: 0.4rem;
	padding: .8rem 2rem;
	font-size: 1.2rem;
	cursor: pointer;
	text-decoration: none;

}
.boton-ingresar a:hover{
	background-color: #004784;
}