/* === ESTILOS RESPONSIVE === */

/* Tablet: hasta 900px */
@media (max-width: 900px) {
.transportes img {
  max-width: 100%;
}
.publicidad {
  display: none;
}
}
/* Celular: hasta 600px */
@media (max-width: 600px) {
  body {
    font-size: 15px;
  }

  .layout {
    flex-direction: column;
  }

  
  .logo img {
    max-width: 80px;
    height: auto;
    margin-bottom: 0.5px;
    padding: 1px;
  }

  .titulo {
    font-size: 4rem;
    padding: 1px;
  }

.logo2 img {
  display: none;
}

.transportes img {
  max-width: 100%;
}
}