section {
  margin: 70px 0 5%;
}

.section-service-locations {
  padding-top: 12%;
  margin-bottom: 12%;
}
.section-service-locations .location-item {
  background: #DFDAD2;
  padding: 6%;
  display: flex;
  flex-direction: column;
  scroll-margin-top: 180px;
}
.section-service-locations .location-item h2 {
  margin-bottom: 3%;
}
.section-service-locations .location-item ul, .section-service-locations .location-item li {
  list-style: none;
  padding-left: 0;
}
.section-service-locations .location-item li:last-child {
  margin-bottom: 0;
}
.section-service-locations .location-item + .location-item {
  margin-top: 8%;
}
.section-service-locations .gap-box {
  background: #fff;
  padding: 1%;
  width: 100%;
  height: 300px;
  margin-top: 5%;
}
.section-service-locations .gap-box img {
  width: 100%;
  height: 100%;
}
.section-service-locations .gap-box iframe {
  width: 100%;
  height: 100%;
}

@media (min-width: 700px) {
  section {
    margin: 10% 0 5%;
  }
  .section-service-locations .location-item {
    padding: 3% 4%;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .section-service-locations .location-item img {
    margin-top: 0;
  }
  .section-service-locations .location-item + .location-item {
    margin-top: 6%;
  }
  .section-service-locations .gap-box {
    margin-top: 0;
  }
}
@media (min-width: 700px) and (max-width: 1042px) {
  .section-service-locations .location-item h2 {
    margin-bottom: 12%;
  }
  .section-service-locations .gap-box {
    width: 52%;
    height: 250px;
  }
}
@media (min-width: 1024px) {
  section {
    margin: 10% 0 5%;
  }
  .section-service-locations {
    padding-top: 0;
    margin-bottom: 8%;
  }
  .section-service-locations .location-item h2 {
    margin-bottom: 15%;
  }
  .section-service-locations .gap-box {
    width: 62%;
    height: 400px;
  }
}
@media (min-width: 1024px) and (max-width: 1500px) {
  .section-service-locations {
    margin-top: 15%;
  }
}/*# sourceMappingURL=service-locations.css.map */