@charset "UTF-8";
/* DEFAULT */
@media only screen {
  h1, .h1 {
    color: #FFFFFF;
    font-size: 3rem;
    line-height: 1.4em;
  }
  #construction {
    background: url("../images/bg-index.webp") no-repeat 0% 75%;
    background-size: cover;
    height: 86vw;
  }
  #tagline {
    color: #318185;
    font-size: 1.2em;
    font-weight: bold;
    margin: 50px 0;
  }
  #width {
    width: 700px;
  }
}
/* MEGAPIXEL */
@media only screen and (min-width: 2001px) {}
/* DESKTOP */
@media only screen and (max-width: 2000px) {}
/* LAPTOP */
@media only screen and (max-width: 1024px) {
  h1, .h1 {
    font-size: 2rem;
    line-height: 1.4em;
  }
  #construction {
    height: 100vw;
  }
  #tagline {
    margin: 40px 0;
  }
}
/* MOBILE */
@media only screen and (max-width: 768px) {
  h1, .h1 {
    font-size: 1.6rem;
  }
  #construction {
    height: 120vw;
  }
  #tagline {
    font-size: 1em;
    margin: 30px 0;
  }
  #width {
    width: 500px;
  }
}
/* SMALLER */
@media only screen and (max-width: 500px) {
  h1, .h1 {
    font-size: 1.2rem;
  }
  #construction {
    height: 180vw;
  }
  #tagline {
    font-size: 1em;
    margin: 17px 0;
  }
  #width {
    width: 96%;
  }
}