@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .building-1 {
    height: auto;
    max-width: 1250px;
    width: 100%;
  }
  .building-2 {
    height: auto;
    max-width: 770px;
    width: 100%;
  }
  .learn {
    border: 1px solid #000000;
    margin: 3vw auto 0 auto;
    padding: 8px;
    text-align: center;
    width: 10em;
  }
  #construction-1 {
    background: url("../images/construction-1.webp") no-repeat 50% 50%;
    background-size: cover;
  }
  #construction-2 {
    background: url("../images/construction-2.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 66vw;
  }
  #delivery {
    background: url("../images/delivery-1.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 40vw;
  }
  #endorsements {
    background: url("../images/endorsements-1.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 40vw;
  }
  #hero {
    background: url("../images/development.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 50vw;
  }
  #lease {
    flex-direction: row;
  }
  #map {
    background: url("../images/map.png") no-repeat 50% 50%;
    background-size: contain;
  }
  #markets {
    background-color: #D89800;
    padding: 2vw;
  }
  #mega {
    display: block;
  }
  #mid {
    display: none;
  }
  #real-estate {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 10px;
  }
  #restoration {
    display: none;
  }
  #sectors li {
    align-content: center;
    display: inline-block;
    margin: 1vw 2vw 1vw 0;
    width: 20vw;
  }
  #tall {
    min-height: 28vw;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {}
/* DESKTOP */
@media only screen and (max-width: 2000px) {}
/* MID */
@media only screen and (max-width: 1200px) {
  #delivery {
    height: 55vw;
  }
  #mega {
    display: none;
  }
  #mid {
    display: block;
    margin: 0;
  }
}
/* LIST */
@media only screen and (max-width: 900px) {
  #delivery {
    height: 66vw;
  }
  #endorsements {
    height: 55vw;
  }
  #sectors li {
    width: 37vw;
  }
}
/* MOBILE */
@media only screen and (max-width: 770px) {
  #industry {
    flex-direction: column-reverse;
  }
  #why {
    flex-direction: column;
    margin: 0;
  }
  #real-estate {
    display: none;
  }
  #restoration {
    display: block;
  }
}