/*
Add global SASS variables to this file
*/
.offer-section {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: var(--background-dark);
}
.offer-section h2 {
  color: var(--font-light);
  margin-bottom: 30px;
}
.offer-section-inner {
  padding-top: 75px;
  padding-bottom: 75px;
}
.offer-section-inner.columns {
  display: flex;
  align-items: center;
}
.offer-section-inner.columns h2 {
  min-width: 50%;
  margin-right: 5%;
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .offer-section-inner.columns {
    flex-direction: column;
  }
  .offer-section-inner.columns h2 {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}