/********************************************************************/
/*                   Author: Elysitek LLC                           */
/*                 Copyright 2023 Creative Commons                  */
/*             Attribution-NonCommercial-NoDerivatives              */
/*                     4.0 International License.                   */
/********************************************************************/
#home {
  background-image: url("../img/main-page-photo.png");
  z-index: 1000;
}

.home-box {
  background-color: #931a25;
  opacity: 0.95;
  height: 40vh;
  width: 60vw;
  top: 45vh;
  z-index: 1000;
}

.home-box-title {
  height: 40vh;
  font-size: 64pt;
  color: #fff;
  font: normal normal normal 131px/160px Impact;
  letter-spacing: 1px;
  font-family: "Anton", sans-serif;
  transition: all 0.3s linear;
  z-index: 1000;
}

.home-box-title-bar {
  height: 20px;
  width: 240px;
  background-color: #411F1F;
  transition: all 0.3s linear;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .home-box-title {
    font-size: 40px;
    line-height: 70px;
  }
  .home-box-title-bar {
    height: 10px;
    width: 140px;
  }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .home-box-title {
    font-size: 60px;
    line-height: 80px;
  }
  .home-box-title-bar {
    height: 10px;
    width: 140px;
  }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .home-box-title {
    font-size: 80px;
  }
  .home-box-title-bar {
    height: 13px;
    width: 240px;
    margin-top: 20px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .home-box-title {
    font-size: 90px;
  }
  .home-box-title-bar {
    height: 15px;
    width: 240px;
    margin-top: 30px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .home-box-title {
    font-size: 120px;
  }
  .home-box-title-bar {
    height: 20px;
    width: 240px;
    margin-top: 50px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1500px) {
  .home-box-title {
    font-size: 131px;
  }
  .home-box-title-bar {
    height: 20px;
    width: 240px;
    margin-top: 50px;
  }
}

/*# sourceMappingURL=home.css.map */