@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .one-third {
    padding: 1vw;
    width: 30vw;
  }
  .thirds {
    width: 32.8vw;
  }
  #bg3 {
    background: url("../images/bg-sliding-gate.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 30vw;
  }
  #custom1 {
    background: url("../images/c-custom-ironwork-gate.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #custom2 {
    background: url("../images/c-stair-builders.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #custom3 {
    background: url("../images/c-iron-gate.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #custom4 {
    background: url("../images/c-animal-fencing.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #custom5 {
    background: url("../images/c-driveway-gate.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #custom6 {
    background: url("../images/c-enclosed-porch.webp") no-repeat 50% 50%;
    background-size: cover;
    height: 25vw;
  }
  #custom7 {
    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%;
  }
  #custom1, #custom2, #custom3, #custom4, #custom5, #custom6, #custom7 {
    height: 75vw;
  }
}