@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');

header{
	background-color: #3075b1;
	width: 100%;
	height: 9%;
	color: white;
  	position: absolute;
}

.Imagen{
	width: 18%;
	background-color: transparent;
	padding-top: 0%;
	text-align: left;
	padding-left: 0%;
	float: left;
	padding-left: 2%;
}

.Logo{
	width: 55%;
}

.Titulo{
	width: 45%;
	float: left;
	color: white;
	padding-top: 1.5%;
	background-color:transparent;
  	font-family: 'Source Sans Pro', sans-serif;
	font-size: 35px;
	letter-spacing: 0.25em;
  	word-spacing: 0.25em;
  	text-align: center;
  	font-weight: bolder;
}

/* MENU SECUNDARIO*/
.Menu{
	width: 30%;
	background:transparent;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 17px;
	text-align: justify;
	letter-spacing: 0.25em;
  	word-spacing: 0.25em;
  	padding-left: 4%;
  	padding-top: 1.3%;
  	float: right;
}

.MIconos{
	width: 30%;
	height: 100%;
	background: transparent;
	text-align: center;
	float: left;
	position: relative;
	color: red
}

a{
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 17px;
	color: white;
	letter-spacing: 0.25em;
  	word-spacing: 0.25em;

}


a:link {
	text-decoration: none;
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 17px;
	color: white;
	letter-spacing: 0.25em;
  	word-spacing: 0.25em;

}
a:hover { 
	color: white;
	font-family: 'Source Sans Pro', sans-serif; 
	font-size: 17px;
	text-decoration: none 
	letter-spacing: 0.25em;
  	word-spacing: 0.25em;
}


.Iconos{
	width: 18%;
	color: white;
}



footer{
	background-color: #3075b1;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 9px;
	width: 96%;
	height: 2%;
	padding-top: 0.2%;
	padding-bottom: 0.2%;
	padding-left: 4%;
	color: white;
	letter-spacing: 0.15em;
  	word-spacing: 0.15em;
  	bottom: 0;
  	left: 0;
  	position: absolute;
  	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;

}

@media (max-width: 1366px){
	header{
		height: 10%;
	}

	.Titulo{
		padding-top: 1%;
	}

	.Menu{
	  	padding-top: 1%;
	}
	
	.Logo{
		width: 58%;
	}
}

@media (max-width: 650px){
	header{
		height: 7.5%;
	}
	.Imagen{
		width: 18%;
		height: 90%;
		padding-top: 1%;
		padding-left: 0%;
	}

	.Titulo{
		padding-top: 5%;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12px;
	}

	.Menu{
		width: 37%;
	  	padding-top: 1%;
	  	float: left;
	  	padding-left: 0%;
	}
	

	.Logo{
		padding-left: 0%;
		width: 100%;
		margin-top: 10%;
	}

	.MIconos{
		padding: 0%;
		width: 33%;
		height: 100%;
	}

	.Iconos{
		width: 30%;
		height: 10%;
		margin-top: 10%;
	}

	a{
		font-family: 'Source Sans Pro', sans-serif; 
		font-size: 5px;

	}


	a:link {
		font-family: 'Source Sans Pro', sans-serif; 
		font-size: 5px;

	}
	a:hover { 
		font-family: 'Source Sans Pro', sans-serif; 
		font-size: 5px;
	}
}