.site-logo {
  display: block;
  height: 72px;
  max-width: 220px;
  object-fit: contain;
}

.site-compact-logo {
  display: block;
  height: 50px;
  max-width: 180px;
  object-fit: contain;
}

.site-hero-cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

.site-hero-cta .button {
  margin: 0;
  white-space: normal;
}

.site-plan-trip > .button {
  margin-top: 28px;
}

@media (max-width: 767px) {
  .site-logo {
    height: 58px;
    max-width: 170px;
  }

  .site-compact-logo {
    height: 42px;
    max-width: 150px;
  }

  .site-hero-cta {
    align-items: stretch;
    gap: 12px;
  }

  .site-hero-cta .button {
    width: 100%;
    max-width: 280px;
    text-align: center;
  }

  .site-plan-trip > .grid {
    margin-bottom: 18px;
  }

  .site-plan-trip > .button {
    margin-top: 10px;
  }

  .site-adventures .fix-7-12 {
    margin-bottom: 22px;
  }

  .site-adventures .grid.margin-top-10 {
    margin-top: 28px !important;
  }
}