@media screen and (max-width: 992px) {
  #header {
    height: auto;
 }
  #header nav {
    flex-wrap: wrap;
 }
  #header #nombre {
    padding-top: 0;
    font-size: 1.1em;
 }
  #principal {
    padding-top: 0;
    flex-direction: column;
 }
  #mapa {
    margin: 0 auto;
    padding: 0;
    position: fixed;
    top: 8em;
 }
  #mapa ul#puntos {
    top: -3em;
 }
  #mapa ul#puntos li.activo .linea {
    display: none;
 }
  #logos {
    justify-content: space-around;
 }
  #logos a {
    max-width: calc(50% - 2rem);
    margin: 0 1rem 1rem 1rem;
 }
  #logos a img {
    max-height: 3rem;
 }
  #contenido {
    height: auto;
    flex-direction: column;
    width: calc(100% - 3rem);
    margin-left: 0;
    padding: 0.1rem 0.5rem 0.1rem 0rem;
    border-left: 0;
 }
  #contenido > div {
    position: relative;
    visibility: inherit;
    transform: none;
    width: calc(100% - 1rem);
    margin-bottom: 2em;
    border-left: 2px solid var(--activo-color);
    padding-left: 1rem;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
 }
  #contenido > div.activo {
    transform: none;
 }
  #contenido .header .pais-ciudad .ciudad {
    border-right: 0;
 }
  #contenido .header .institucion {
    padding-left: 0;
    padding-top: 0.5em;
 }
  #contenido .contenido {
    align-items: flex-start;
    flex-direction: column-reverse;
 }
  #contenido .contenido .redes {
    padding-left: 0;
    padding-top: 1em;
 }
}