@charset "UTF-8";
/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
/* ---- FLYTANDE AVSTÅND ----- */
.hero-block {
  background-color: #00307F;
}
.hero-block .container {
  color: #fff;
  padding: clamp(1.67rem, 2.5vw, 4rem) 0 clamp(4.63rem, 6.9375vw, 11.1rem);
}
.hero-block .breadcrumbs {
  margin: 0 0 clamp(2.67rem, 4vw, 6.4rem);
}
.hero-block .heading,
.hero-block .text {
  text-align: center;
}
.hero-block .heading {
  max-width: 91.7rem;
  width: 100%;
  margin: 0 auto;
}
.hero-block .text {
  margin: 2.4rem 0 0;
}

@media (max-width: 768px) {
  .hero-block .container {
    padding: 4rem 0;
  }
  .hero-block .breadcrumbs {
    margin: 0 0 2rem;
  }
  .hero-block .text {
    margin: 1.6rem 0 0;
  }
}