@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .one-third {
    padding: 1vw;
    width: 30vw;
  }
  .thirds {
    width: 32.8vw;
  }
  #bg3 {
    background: url("../images/bg-patio.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 31vw;
  }
  #deck1 {
    background: url("../images/d-patio-deck-2.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #deck2 {
    background: url("../images/d-pool-deck-1.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #deck3 {
    background: url("../images/d-back-porch.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #deck4 {
    background: url("../images/d-new-porch.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #deck5 {
    background: url("../images/d-boat-dock-1.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #deck6 {
    background: url("../images/d-raised-deck-1.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #deck7 {
    background: url("../images/texas-flag.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {}
/* DESKTOP */
@media only screen and (max-width: 2000px) {}
/* MOBILE */
@media only screen and (max-width: 900px) {
  .one-third, .thirds {
    width: 100%;
  }
  #deck1, #deck2, #deck3, #deck4, #deck5, #deck6, #custom7 {
    height: 75vw;
  }
}