#lista {
  color: var(--green);
}

.lista h2 {
  margin-bottom: 2rem;
  text-align: center;
}

#lista h3 {
  font-size: 2rem;
}

#shortcuts {
  padding-top: 1rem;
  margin-bottom: 1rem;
}

#shortcuts a {
  color: white;
}

.place {
  color: var(--green);
}

#contacto h2 {
  color: var(--orange);
  font-size: 4rem;
  text-align: center;
}

@media (min-width: 768px) {
  #contacto h2 {
    font-size: 6rem;
  }
}

#hero > button {
  text-decoration: none;
}

#brand-home {
  color: var(--dark);
  font-size: clamp(1.4rem,4vw,2rem);
  word-break: break-word;
  font-family: var(--font-family-sans-serif);
}

#brand-page {
  color: var(--primary);
  font-size: clamp(1.4rem,4vw,2rem);
  word-break: break-word;
    font-family: var(--font-family-sans-serif);
}

@media (min-width: 300px) {
  #elecciones {
    font-size: 3rem;
  }
}

@media (min-width: 768px) {
  #elecciones {
    font-size: 5rem;
  }
}

.big-button {
  font-size: 1.4rem;
}

@media (min-width: 576px) {
  .big-button {
    font-size: 2.4rem;
  }
}

#shortlink {
  font-size: clamp(1.4rem,4vw,2rem);
  word-break: break-word;

}