@charset "UTF-8";
/* COLORS */
/* TYPOGRAPHY */
/* ---- MEDIA QUERIES ----- */
/* ---- FLYTANDE AVSTÅND ----- */
.ssas {
  background-color: #00307F;
  color: #fff;
  margin: 0 0 3.7rem;
}
.ssas .container {
  display: grid;
  grid-template-columns: 20rem 1fr auto;
  align-items: center;
  gap: 3.2rem;
  width: 100%;
  max-width: 1460px;
  margin: 0 auto;
}
.ssas .text-content .heading {
  margin: 0 0 2.4rem;
}
.ssas .icon {
  max-width: 20rem;
  width: 100%;
}
.ssas .button {
  white-space: nowrap;
}

@media (max-width: 768px) {
  .ssas {
    margin: 0;
  }
  .ssas .container {
    grid-template-columns: 1fr;
  }
  .ssas .text-content .heading {
    text-align: center;
  }
  .ssas .text-content .text {
    text-align: center;
  }
  .ssas .icon {
    margin: 0 auto;
  }
  .ssas .button-wrapper {
    width: 100%;
    max-width: 45rem;
    margin: 0 auto;
  }
  .ssas .button {
    white-space: wrap;
    width: 100%;
  }
}
@media (max-width: 550px) {
  .ssas .text-content .text {
    text-align: left;
  }
}