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

.banner {
	background: url("../images/Fondos/Design-acceso.jpg")no-repeat center center fixed; background-size: cover;
	width:100%;
	height: 500px;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}


.mascara {
	background: rgba(0,0,0,0.55);
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
}


 h1  {
	width:60%;
	height: auto;
	float: left;
	margin-left: 15%;
	margin-right: 25%;
	margin-top: 70vh;
	margin-bottom: 10vh;
	font-weight: 300;
	padding: 1% 0%;	
	color: #fff;
	font-size: 4.4rem;
	text-align: left;
}



wrapper {
	width:96%;
	height: auto;
	float: left;
	border-bottom: 3px dashed #d6d6d6;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 0%;
	margin-bottom: 0%;
}




section {
	width:80%;
	height:auto;
	float: left;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1%;
	margin-bottom: 4%;
}



aside {
	width:98%;
	height: auto;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
	margin-top: 2%;
	margin-bottom: 1%;
}


h2  {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 3%;
	margin-bottom: 1%;
	color: #d6d6d6;
	font-size: 1.8rem;
	font-weight: 600;
	padding: 1% 0%;	
	text-transform: uppercase;
}


h3  {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 1%;
	margin-bottom: 0%;
	color: #d6d6d6;
	font-size: 1.2rem;
	font-weight: 600;
	padding: 1% 0%;	
	text-transform: uppercase;
}


p  {
	width:100%;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
	color: #d6d6d6;
	font-size: 1.1rem;
	font-weight: 400;
	padding: 1% 0%;	
	line-height: 1.5rem;
    letter-spacing: 1pt;
}





@media screen and (max-width: 500px) {
  

.banner {
	background: url("../images/Fondos/Design-acceso.jpg")no-repeat center center fixed; background-size: cover;
	width:100%;
	height: 500px;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 0%;
	margin-bottom: 0%;
    display: none;
}    
    
    
    
wrapper {
    margin-top: 20%;
	border-bottom: 1px dashed #d6d6d6;
}    
    
    
section {
	width:100%;
	margin-left: 0%;
	margin-right: 0%;
	margin-top: 1%;
	margin-bottom: 6%;
}  
    
 
p  {
	padding: 1% 0%;	
	font-size: 0.9rem;
	line-height: 1.4rem;
    letter-spacing: 1pt;
}
    
    
    
    
}