* {
    box-sizing: border-box;
  }

  body{
    justify-content: center;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width: 20em;
    margin: 0 auto;
    padding: 0.2rem; 
  }

  header {
    width: 20rem;
    margin: 0 auto;
  }

  .logo {
    max-width: 20rem;
    margin: 1rem auto;
    display: block;
    padding: 1rem;
  }


  h1{
    color:#01395a;
    margin-top: 2rem;
    padding: 2rem;
    border-radius: 1rem;
    margin: 1em;
    display: flex;
      justify-content: center;
   
  }



.sumate{
    color: #F37369;
 text-align: center;
    margin-left: 20px;
    font-size: 12pt;
    margin-top: 50pt;
}
.mapa{
    display: flex;
    justify-content: center;
    margin-left: 50px;
    width: 90%;
    margin-top: 30pt;
}

.preguntas{
  margin: 2em;
  color:#01395a;
  font-size: 13pt;
}
  a{
    color: #F37369;
    text-decoration: none;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    
    
  }

  h3{
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 12pt;
    color:#F37369;
    margin: 2em;
  }


  .contenedor{
    display: flex;
    justify-content: center;
    }


    img{
    
      width: 80%;
      position: center;
      text-align: center;
      display: flex;
      justify-content: center;
      
  
  }


  
  
  .buscar{
    color: #FF9C00;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 6pt;border-style:double;
    margin: 1em;
    padding: 1em;

  
  }


  ul{
    list-style: none;
    display: flex; 
    justify-content:center;
    align-items: center;
    align-content:center;
    
    }

    .inicio{
      background-color:#01395a;
      margin: 3pt;
      border-radius: 15pt;
      font-size: 12pt;
      padding: 1pt;
      margin-right: 16pt;
  }

 
  footer{
    color: whitesmoke;
   font-family:Verdana, Geneva, Tahoma, sans-serif;
   margin: 1rem;
   padding: 1em;
   font-size: 0.8rem;
   width: 20rem;
   margin: 0 auto;
   background-color:#01395a;
   margin-top: 50pt;
  
  }