*:hover:not(nav) {
  transition: .3s;
  -webkit-font-smoothing: subpixel-antialiased;
}

h1, h2, h3, h4, h5 {
  font-family: 'Playfair Display', sans-serif;
}

.btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.btn-sm {
  padding: 4px 6px;
  font-size: 12px !important;
}

.btn-md {
  padding: 3px 12px;
}

.btn-lg {
  padding: 10px 48px;
}

.btn-hero {
  border: 2px solid #000000;
  border-radius: 5.6px;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  text-transform: uppercase;
}

.btn-hero:hover {
  background: #000;
  color: #fff;
}

.btn-hero:hover .arrow-right {
  fill: white;
}

.btn-icon {
  margin-left: 5px;
}

.icon-svg {
  position: relative;
  top: 2px;
}

.input,
.textarea {
  border: none; 
  background: none; 
}

.overlay {
  background: rgba(81, 81, 81, 0.2); 
  width: 100%; 
  height: 100%;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.mobile-only {
  display: none;
}

.content-container {
  min-height: 80vh;
}

@media only screen and (max-width: 851px) {
  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  .content-container {
    padding-top: 104px;
  }
}