#siteplan-area {
  display: grid;
  justify-content: space-evenly;
  width: 100%;
  grid-template-columns: 100%;
}
#siteplan-area > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#siteplan-area > div:first-of-type {
  padding: var(--padding-margin-5) var(--padding-margin-3);
}
#siteplan-area > div:last-of-type {
  padding: var(--padding-margin-3);
}
#siteplan-area > div:last-of-type a {
  width: 100%;
}
#siteplan-area > div img {
  width: 100%;
  height: auto;
}
#siteplan-area > div h3 {
  padding-left: var(--padding-margin-3);
  padding-right: var(--padding-margin-3);
}
#siteplan-area > div p {
  padding-left: var(--padding-margin-3);
  padding-right: var(--padding-margin-3);
  margin-top: var(--padding-margin-4);
}
#siteplan-area > div .btn {
  margin-top: var(--padding-margin-4);
}





@media (min-width: 992px) {
  #siteplan-area {
    grid-template-columns: 50% 50%;
  }
}





@media (min-width: 1200px) {
  #siteplan-area {
    grid-template-columns: 60% 40%;
  }
  #siteplan-area > div:first-of-type {
    padding: var(--padding-margin-5);
  }
}