@charset "UTF-8";
/* DEFAULT */
@media only screen {
  .brilliant {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 10px;
    grid-row-gap: 0px;
  }
  .modular {
    height: auto;
    max-width: 1105px;
    width: 80vw;
  }
  .pad {
    padding: 1vw;
  }
  .pic {
    height: auto;
    margin: 0 1vw;
    max-width: 300px;
    width: 10vw;
  }
  .smart-home {
    height: 150px;
    width: 150px;
  }
  #hero {
    height: 33vw;
    width: 100vw;
  }
  #indexh1 {
    font-size: 3em;
  }
  #modular {
    margin-bottom: 30px;
  }
  #promo {
    background-color: #F3F3F3;
    padding: 20px;
  }
  #quality {
    margin-bottom: 60px;
  }
  #solutions {
    margin: 1px 10%;
    width: 70%;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {}
/* DESKTOP */
@media only screen and (max-width: 2000px) {}
/* LAPTOP */
@media only screen and (max-width: 1250px) {
  .smart-home {
    height: 100px;
    width: 100px;
  }
}
/* LAPTOP */
@media only screen and (max-width: 900px) {}
/* MOBILE */
@media only screen and (max-width: 700px) {
  .brilliant {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
  }
  .pic {
    height: auto;
    width: 15vw;
  }
  .smart-home {
    height: 75px;
    width: 75px;
  }
}