@import "@/styles/mixins.scss";
@import "@/styles/variables.scss";

.regionHeader {
  h1 {
    margin-top: 0;
  }

  h4 + h1 {
    margin-top: 1rem;
  }
}

.jointContent {
  display: flex;
  flex-wrap: wrap;
  margin: 1.75rem -1rem 0 -1rem;
}

.more {
  text-align: center;
  margin-top: 3.75rem;
}

@media screen and (max-width: $desktop) {
  .jointContent {
    margin: 2.75rem -0.5rem 0 -0.5rem;
  }
}