.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 300;}
h1 {line-height:1;}
h2 {line-height:1.2;}
h3 {line-height:1.3;}
h4 {line-height: 1.2;}
h5 {line-height: 1.3;}
h6 {line-height: 1.5;}
p {font-size: 1.1rem; line-height: 1.3;}

.cover .top:before {background-image: url("cover-seal.png");}

.border {border-color:var(--primary) !important; }

:root {--hero:35rem; --hpad:1;}
.hero {height: calc(100vh + var(--hero)); -webkit-clip-path:circle(100% at 50% calc(-1 * var(--hero))); clip-path:circle(100% at 50% calc(-1 * var(--hero))); margin-bottom: calc((-1 * var(--hpad)) * var(--hero)); z-index: 5; border-bottom-left-radius: calc(var(--hero) * 1); border-bottom-right-radius: calc(var(--hero) * 1); }
.hero > .block-section-container {min-height: 100vh;}
.hero + .block-section > .block-section-container {padding-top: calc(var(--hero) * var(--hpad)) !important;}
.hero .hero-icon {filter:saturate(0) brightness(20) invert(1); width: 40vw; position: absolute; overflow: unset; left: 50%; transform: translateX(-50%); top: 30%; z-index: -1; opacity: .07;}




@media (max-width:1920px) {
  :root {--hero:25rem;}
}

@media (max-width:1680px) {
  :root {--hero:20rem;}
}

@media (max-width:1080px) {
  :root {--hero:10rem; --hpad:1.5;}
}



@media (max-width:767px) {
  p {font-size: 1rem;}
  :root {--hero:10vh;}
  .hero {-webkit-clip-path:circle(100% at 50% calc(2 * var(--hero))); clip-path:circle(100% at 50% calc(2 * var(--hero))); border-radius:0;}
  .hero + .block-section > .block-section-container {padding-top: calc(var(--hero) * 2.5) !important;}
  .hero .hero-icon {top:40%; width: 60vw;}

}