html {
  scroll-behavior: smooth;
}

.scroll-to-mailing-list {
  scroll-margin-top: -250px;
}

@media screen and (min-width: 768px) {
  .scroll-to-mailing-list {
    border: none;
    scroll-margin-top: -150px;
  }
}

.footer-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  gap: 2.5rem;
}


.no-scrollbar {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.fade-in {
  animation: fadeIn 1.5s ease forwards 1;
}

@keyframes fadeIn {
  0% {
    top: 50px;
    opacity: 0;
  }

  100% {
    top: 0;
    opacity: 1;
  }
}

.red-border {
  border: 1px solid red;
}


.lato {
  font-family: 'Lato', sans-serif;
}

.anton {
  font-family: 'Anton', sans-serif;
}