/* Clear fixed .section-navber (height: 69px) so hero/content is not hidden underneath */
:root {
  --site-header-height: 69px;
}

html {
  scroll-padding-top: var(--site-header-height);
}

.section-30,
.sectionmain,
.section-39 {
  padding-top: var(--site-header-height);
}

/* Home hero: no top padding on desktop in Webflow export */
@media screen and (min-width: 992px) {
  .sectiontop {
    padding-top: var(--site-header-height);
  }
}

/* 480-767px: Webflow sets only 40px top padding on .sectiontop */
@media screen and (min-width: 480px) and (max-width: 767px) {
  .sectiontop {
    padding-top: var(--site-header-height);
  }
}