@import url('https://fonts.googleapis.com/css?family=Contrail+One|Fugaz+One|Poppins:100,200,300, 400,500,600,800|') 
    
*{margin: 0rem; padding: 0rem}




*{box-sizing:content-box;
    
}
.contenedor {
max-width: 80%; 
margin: auto;
grid-template-columns: auto ;
display: grid;
grid-column-gap: 40px;

}

.grid-container {
display: grid;
grid-template-columns: auto ;
margin: 5rem 5rem 5rem 7rem;


}


nav{
background: black;     
padding: 4rem 0rem 4rem 0rem;

}


nav ul a {
text-decoration: none;
float:right;
display: inline;
padding: 0.3rem;
font-family: 'Poppins', sans-serif; 
font-weight: 200;
font-size: 0,5rem;
color:#eac915;
margin: 0rem 3rem 0rem 2rem;
border-bottom-style: solid;
border-color: #eac915;
}


nav ul a:hover{
background: #eac915; 
color: black;
}

section {
display:block;

}
article{
border: 1px solid;
border-color: #c4c4c4;
margin: 0rem 1rem 0rem 0rem;
padding: 4rem 2rem 2rem 2rem;
height: 25rem;
width: 50%;

    
}

article img {
border-radius: 100%;   
display: center;
width: 8rem;
padding: 1rem 1rem 1rem 1rem;

    
}

h1:hover{
text-decoration: line-through;
border-color: black;

    
}

article:hover{
border: 2px solid;
border-color: black;
    
}
    
a {
text-decoration: none;
} 

h1{
text-decoration: none;
font-family: 'Contrail One', cursive;
color: black;
background: #eac915; 
font-size: 1,9rem;
letter-spacing: 1.5px;
margin: 2rem 0rem 0rem 0rem;
padding: 0.2rem 0rem 0.2rem 1rem;

}

#mapa{		
float:left;
text-transform:none;
margin:0rem ;
padding: 0rem 4rem 0rem 5rem;

}

body{
background:#ffffff;     
    
    
}

section img {
width: 100%;
display: fixed;
    margin: 0% auto ;
    
    
    
}
footer{
font-family: 'Poppins', sans-serif;
font-size: 0.6rem;
color: whitesmoke;
font-weight: 200;
text-align: center;
margin: 2rem 2rem 2rem 2rem;
letter-spacing: 1.8px;

}