@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .float {
    float: right;
    margin: 10px 0 10px 20px;
    width: 20vw;
  }
  .portrait {
    height: auto;
    max-width: 160px;
    width: 20vw;
  }
  #grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 5vw;
    grid-row-gap: 0px;
  }
  #grid2 {
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 5vw;
    grid-row-gap: 0px;
  }
  #team {
    background: url("../images/commercial-building.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 33vw;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {}
/* DESKTOP */
@media only screen and (max-width: 2000px) {}
/* MOBILE */
@media only screen and (max-width: 770px) {
  #grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 1vw;
  }
  #grid2 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 2fr;
    grid-column-gap: 0px;
    grid-row-gap: 5px;
  }
}