<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
    General Styles
*/

.text-container {
  /* top: 100px;*/
  top: 25%;
}

.carousel-item {
  z-index: -2;
}

.button-container {
  bottom: 60px;
}

.section-links {
  font-size: 22px;
}

.button-background-container {
  background-image: linear-gradient(to bottom, transparent, #000);
  height: 180px;
  z-index: -1;
}

.hero-title, .hero-text, .button-container a {
  text-shadow: 1px 1px 4px #000;
}


/*
    Media Queries
*/

@media (max-width: 1200px) {

  .text-container {
    top: 15%;
  }

  .hero-title {
    font-size: 2.5rem;
  }

  /*  .hero-text {
    font-size: 1rem;
  }*/
}

@media (max-width: 992px) {

  .text-container {
    top: unset;
  }

  .hero-text {
    font-size: 1rem;
  }
}

@media (max-width: 768px) {

  .text-container .col-12 {
    padding-left: 64px;
    padding-right: 64px;
  }

  .hero-title {
    font-size: 2rem;
  }

  .hero-text {
    font-size: 14px;
  }
}

@media (max-width: 465px) {

  .text-container .col-12 {
    padding-left: 48px;
    padding-right: 48px;
  }
}
</pre></body></html>