#page-header {
  position: absolute;
  top: 0;
  z-index: 2;
  width: 100%;
  background: transparent !important;
}

#hero {
  position: relative;
  background: #2E3656;
  color: #fff;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: clamp(122px, 15.5vw, 100cqw);
  padding-bottom: clamp(122px, 15.5vw, 100cqw);
  overflow: hidden;
}
#hero .hero-logo {
  max-width: clamp(250px, 73.95vw, 100cqw);
  width: 100%;
  z-index: 1;
}
#hero .hero-logo img {
  width: 100%;
  height: auto;
}
#hero p {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: clamp(26px, 2.222vw, 100cqw);
  font-weight: 600;
  margin-top: clamp(26px, 3vw, 100cqw);
  z-index: 2;
}
#hero .btn__filled {
  font-size: clamp(20px, 1.388888vw, 100cqw);
  font-weight: 600;
  color: #fff;
  background: #85B9E0;
  margin-top: clamp(85px, 6.59vw, 100cqw);
  z-index: 2;
}
#hero .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: auto;
  z-index: 1;
}
#hero .image video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

#about .gridbox {
  grid-template-columns: repeat(auto-fill, minmax(clamp(250px, 41.84vw, 100cqw), 1fr));
  gap: clamp(32px, 8.33vw, 100cqw);
}
#about .gridbox p {
  text-wrap: balance;
  font-size: clamp(18px, 1.5277777vw, 100cqw);
}

/*# sourceMappingURL=index.css.map */