@charset "UTF-8";
/*** UI Functions ***/
/*** UI Functions ***/
/*
@function ui-color($color-name, $color-theme: light){
  $color-theme: map_get($ui-colors, $color-theme);
  $color: map_get($color-theme, $color-name);

  @return $color;
}
*/
.contact-main {
  padding-bottom: 52px;
  transition: opacity 0.5s, transform 0.5s;
  transition-timing-function: cubic-bezier(0.2, 1, 0.8, 1);
}

.dark .contact-main {
  opacity: 0;
  transform: translateY(-20px);
}

.contact-main > .container {
  max-width: 576px;
}

.contact-main .hero {
  padding: 84px 0 52px;
}

.contact-main .hero h1 {
  font: 700 48px/114% "silka", sans-serif;
  letter-spacing: -0.03em;
  padding-bottom: 32px;
}

.contact-main .hero h1:after {
  content: '🤙';
}

.contact-main .hero p .link {
  color: #0C0C0C;
}

.contact-main .form label > br {
  display: none;
}

@media (min-width: 680px) {
  .contact-main .hero {
    padding-top: calc(8.3333333333vw + 12px);
  }
  .contact-main .hero h1 {
    font: 700 64px/114% "silka", sans-serif;
  }
}

@media (min-width: 1200px) {
  .contact-main .hero {
    padding-top: 8.3333333333vw;
  }
  .contact-main .hero h1 {
    font: 700 64px/114% "silka", sans-serif;
  }
}