@media (max-width: 600px) {
  .mt-responsive-10 {
    margin-top: 10px;
  }

    .mt-responsive-20 {
    margin-top: 20px;
  }

    .mt-responsive-30 {
    margin-top: 30px;
  }

    .mt-responsive-40 {
    margin-top: 40px;
  }

    .mt-responsive-50 {
    margin-top: 50px;
  }

    .mt-responsive-60 {
    margin-top: 60px;
  }

    .mt-responsive-70 {
    margin-top: 70px;
  }

    .mb-responsive-10 {
    margin-bottom: 10px;
  }

    .mb-responsive-20 {
    margin-bottom: 20px;
  }

    .mb-responsive-30 {
    margin-bottom: 30px;
  }

    .mb-responsive-40 {
    margin-bottom: 40px;
  }

    .mb-responsive-50 {
    margin-bottom: 50px;
  }

    .mb-responsive-60 {
    margin-bottom: 60px;
  }

    .mb-responsive-70 {
    margin-bottom: 70px;
  }

  .pt-responsive-10 {
    padding-top: 10px;
  }

    .pt-responsive-20 {
    padding-top: 20px;
  }

    .pt-responsive-30 {
    padding-top: 30px;
  }

    .pt-responsive-40 {
    padding-top: 40px;
  }

    .pt-responsive-50 {
    padding-top: 50px;
  }

    .pt-responsive-60 {
    padding-top: 60px;
  }

    .pt-responsive-70 {
    padding-top: 70px;
  }

  .pt-responsive-200{
    padding-top: 200px;
  }

    .pb-responsive-10 {
    padding-bottom: 10px;
  }

    .pb-responsive-20 {
    padding-bottom: 20px;
  }

    .pb-responsive-30 {
    padding-bottom: 30px;
  }

    .pb-responsive-40 {
    padding-bottom: 40px;
  }

    .pb-responsive-50 {
    padding-bottom: 50px;
  }

    .pb-responsive-60 {
    padding-bottom: 60px;
  }

    .pb-responsive-70 {
    padding-bottom: 70px;
  }

  .p-50{
    padding: 0px !important;
  }

  #home{
  display: none;
}

#Cuba{
  display: none;
}

#Cuba-mobile{
  display: block;
}

#home-mobile{
  display: block;
  height: 500px;
}

#mapa-interactivo{
  display: none;
}

#map{
  display: block;
}

#observatorio-mobile{
  display: block;
}

#observatorio-desktop{
  display: block;  /*este lo puse "block", porque borré el que era para mobile*/
}

#monitoreo-mobile{
  display: block;
}

#monitoreo-desktop{
  display: none;
}

#havel-mobile{
  display: block;
}

#havel-desktop{
  display: none;
}

.menu-institucional{
  display: none;
}

.proyectos-menu-desktop{
  display: none;
}

.proyectos-menu-mobile{
  display: block;
  text-transform: uppercase;
}

.que-hacemos-mobile{
  display: block;
}

.que-hacemos-desktop{
  display: none;
}

#nunca-mas-mobile{
  display: block;
}

#nunca-mas{
  display: none;
}

#contenidos-mobile{
  display: block;
}

#contenidos{
  display: none;
}

#equipo-mobile{
  display: block;
}

#equipo{
  display: none;
}

#conferencia-mobile{ /*este lo saqué, se mostraba un cuadradito de la imagen */
  display: block;
}

#conferencia{
  display: block; /*este lo puse "block", porque borré de la página el que era para mobile*/
}

.podcast-mobile{
  display: block;
}

.podcast{
  display: none;
}

.nav-primary {
    color: black;
    }

.font-secondary{
  font-size: 14px;
}

h3{
  font-size:15px;
}

h1{
  font-size: 25px;
}

h4{
    font-size: 15px;
    line-height: 21px;
}
.widget-logo .logo {
    max-width: 30%;
}

#nav-bar a{
  height: 90px;
}
}