* {
    list-style: none;
}
html {
    background-color:#e5ede7;
    font-family: 'Chivo', sans-serif;
}
.bold{ 
    font-weight: bolder;
    margin: 0rem 0rem -1.8rem 0rem;
}
div {
    padding: 1.5rem;
    
}

body header img {
    width: 20%; 
    padding: 0rem;
}

body header {
      padding: 0.5rem 0rem 0.5rem 0rem; 
}

header nav {
    padding: 0rem;
}


header nav ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0rem;
    padding: 0.5rem 0rem 0.5rem 0rem; 
    
}

nav ul li a {
    
    text-decoration: none;
    color: white;
    box-sizing: border-box;
    width: 90%;
    background-color: #5d83b7;
    display: block;
    margin: .25rem 0.25rem 0.25rem 0rem;
    padding: 1rem;
    list-style: none;
    text-align: center; 
    box-shadow: 2px 10px 8px #21477b;
}

h1{  
    color:green;
    font-size: 1.05em;
    padding: 0rem 0rem 1rem 0rem; 
    box-sizing:border-box;
    text-align:center;
}
main ul li a {
    text-decoration: none;
    color: white;
    box-sizing:border-box ;
    box-shadow: 2px 10px 8px rgb(44, 85, 44);
    width: 80%;
    background-color: #5db75d;
    display: block;
    margin: .25rem 0.25rem .25rem 0rem;
    padding: 1rem; 
    list-style: none;
    text-align: center;
    border-radius: 1.5rem;

}
section h2{  
    color:green;
    font-size: 1.05em;
    padding: 3.5rem 0rem 1rem 0rem; 
    box-sizing:border-box;
    text-align:center;

}

main {
    padding: 0rem 0rem 3rem 0rem; 
}
main section ul li p {
    color:green;
    font-size: 1rem;
    box-sizing: border-box;
    width: 80%;
    padding: 0rem 0rem 1rem 0rem;   
}

footer{
     
    background-color:dimgrey;
    width: 100%;
        
}

footer p{
     color:white;
    font-style: italic;
    font-size: 0.8rem;
    box-sizing: border-box;
    width: 100%;
    padding: 1rem 3rem 1rem 1rem;        
}

.mapa {
    display: block;
    max-width: 100%;
    align-self: auto;
    
  
}

hr{
    height: 2px;
    margin: 3rem 0.25rem 3rem 1.5rem;
    width: 80%;
    box-sizing: border-box;
    
}

main section p {
    color:green;
    box-sizing: border-box;
    width: 80%;
    text-decoration: none;
    padding: 0rem 0rem 0rem 0rem;
    margin: 2rem 0rem 2rem 0rem;
    
}

main section p a {
    color:green;
    width: 80%;
    text-decoration: none;   
    box-sizing: border-box;
      
}

/* Registro */
.etiqueta{
    display: inline-block;
text-align: right;
width: 30%;
padding-right: .5em;
margin-bottom: 1em;
}

.campo{
    display:inline-block;
    
}

.panel{
    width: 100%;
    display: block;
    margin-top: 3em;
}
.panel a{
    color: green;
    text-decoration: none;
   
}



@media (min-width:30em){
    
    body{  
     background-color: beige;
    }
    
    nav{
    max-width: 25em;
    }
    main{   max-width: 25em;
    }