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

@font-face {
	font-family: 'Pacifico';
	font-style: normal;
	font-weight: 400;
	src: local('Pacifico Regular'), local('Pacifico-Regular'), url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
	font-display: swap;
  }

html, body, ul{
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;

}

.clear{
	clear: both;
}

.portada {
  position:absolute;
  width:100%;
  height:100%;
  display: -webkit-flex;
  display:  flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  flex-direction: column; 

	
  }

  
 

  h2{
	font-size: 21px;
	color: white;
  }
  
  
  @media only screen and (max-width: 950px)  {

	
	#logo{
		width: 100%;
		max-width: 400px;
		text-align: center;
	}
	#social-icons{
		width: 100%;
		margin-top: 33px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	h1{
		width: 80%;
		margin-top: 50px;
		padding-top: 15px;
		font-size: 18px;
		font-weight: 100;
		color: white;
		border-top: solid 2px white;
		text-align: center;
	  
	  }

		
	
	#home{

		background-image: url("../img/fondo.jpg	");
		height: 120vh;
		width: 100%; 
		background-size:cover;
		background-repeat: no-repeat;
		background-position: center;
		
	}

  }








@media only screen and (min-width: 951px)  {

		
	#logo{
		width: 100%;
		max-width: 400px;
		text-align: center;
	
	}

	#social-icons{
		width: 100%;
		margin-top: 33px;
		display: flex;
		justify-content: center;
		align-items: center;
	
	}
	
	h1{
		margin-top: 50px;
		padding-top: 15px;
		font-size: 18px;
		font-weight: 100;
		color: white;
		border-top: solid 2px white;
	  
	  }
		

	#home{

		background-image: url("../img/fondo.jpg");
		height: 133vh;
		width: 100%; 
		background-attachment: fixed;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top;
		
	}

}




.pie{

	width: 100%; 
}


footer{
	padding: 45px;
	text-align: center;
	background-color: #6e0070;
	color: white;
}



/*ICON SOCIAL*/

ul {
	display: flex;
  }

  ul li {
	list-style: none;
	margin: 0 5px;
	height: 50px;
	width: 50px;
	color: white;
	border: 2px solid white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	transition: all ease 0.3s;
  }

 a{
	text-decoration: none;
	color: white;
  }

  ul li:hover {
	color: #6e0070;
	background: white;
	cursor: pointer;
  }