body {
  background: #e5e3e3;
}

.logo {
  width: 30%;
}

.bg-black {
  background: #090909;
}

.footer {
  padding: 25px 25px 25px;
}

a.footer {
  font-size: 0.5em;
}

.logo {
  font-size: 1em;
  font-weight: 500;
}

ol {
  list-style-position: inside;
  }

  #cookie-banner a {
    color: inherit;
    text-decoration: underline;
}

/* Media Query para pantallas pequeñas (cuando las columnas se apilan) */
@media (max-width: 576px) { /* Este es el breakpoint de 'sm' de Bootstrap */
    .col-md-6 {
        height: auto; /* Permite que la altura de la columna se ajuste a su contenido apilado */
    }
    iframe {
        height: 400px; /* Altura fija para el iframe cuando está apilado */
        /* O puedes usar: height: 60vh; */
    }
}