main {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: auto;
  grid-column-gap: var(--mainpad); }
  @media (max-width : 999px) {
    main {
      grid-template-columns: repeat(4, 1fr);
      grid-row-gap: calc(2 * var(--mainpad)); } }
article {
  grid-column: 2/5; }
  article p {
    margin-bottom: 1em; }
  @media (max-width : 999px) {
    article {
      grid-column: 1/5; } }
.map-section {
  grid-column: 6/12; }
  @media (max-width : 999px) {
    .map-section {
      grid-column: 1/5; } }
  .map-section p {
    margin-top: 1em; }
    .map-section p span::before {
      content: '';
      height: .75em;
      width: .75em;
      margin-right: 0.5em;
      display: inline-block;
      background-color: var(--williams); }
    .map-section p span.williams::before {
      border-radius: 5000px; }

#map {
  width: 100%;
  height: 33vw; }
  @media (max-width : 999px) {
    #map {
      height: calc(100vw - var(--doublepad)); } }
  #map .mapboxgl-control-container {
    display: none; }
  #map .map-marker {
    height: var(--fontLarge);
    width: var(--fontLarge);
    border-radius: 500000px;
    background-color: var(--sand); }