@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .one-third {
    padding: 1vw;
    width: 30vw;
  }
  .thirds {
    width: 32.8vw;
  }
  #bg3 {
    background: url("../images/bg-commercial-chain-link.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 30vw;
  }
  #fence1 {
    background: url("../images/f-2-fences.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #fence2 {
    background: url("../images/f-chainlink-fence.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #fence3 {
    background: url("../images/f-iron-fence.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #fence4 {
    background: url("../images/f-solid-fence.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #fence5 {
    background: url("../images/f-vinyl-fence.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #fence6 {
    background: url("../images/f-wooden-fence.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #fence7 {
    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%;
  }
  #fence1, #fence2, #fence3, #fence4, #fence5, #fence6, #fence7 {
    height: 75vw;
  }
}