/* line 7, sass/top.scss */
.strength ul li .strength-trem h3.strength-title3 {
  font-size: 22px;
}

/* line 9, sass/top.scss */
.strength ul li .strength-trem h3.strength-title3 span {
  font-size: 26px;
}

/* line 20, sass/top.scss */
.flow .flow-hre .off {
  background-color: transparent;
  border: #FFF 1px solid;
}

/* line 25, sass/top.scss */
.flow .flow-hre .on {
  background-color: #000;
  border: #000 1px solid;
}

/* line 34, sass/top.scss */
#video {
  min-width: 100%;
  min-height: 100%;
  /* Setting width & height to auto prevents the browser from stretching or squishing the video */
  width: auto;
  height: auto;
  /* Center the video */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* line 52, sass/top.scss */
.youtube-box {
  width: 96%;
  height: 350px;
  margin: 20px auto;
}

/* line 61, sass/top.scss */
.hero .featured-wrapper {
  height: 50%;
  position: absolute;
}

/* line 66, sass/top.scss */
.hero .hero-img {
  position: absolute;
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  top: 0;
  right: 5%;
}

/* line 74, sass/top.scss */
.hero .hero-img img:last-child {
  padding-left: 20px;
}

/* line 82, sass/top.scss */
.flow-notice {
  margin-top: 50px;
  color: #FFF;
  font-size: 16px;
}

/* line 91, sass/top.scss */
.flow .flow-cen > ul li:nth-child(6),
.flow .flow-cen > ul li:nth-child(7),
.flow .flow-cen > ul li:nth-child(8),
.flow .flow-cen > ul li:nth-child(9),
.flow .flow-cen > ul li:nth-child(10) {
  margin-bottom: 0;
}

@media (max-width: 1400px) {
  /* line 109, sass/top.scss */
  .hero .hero-img {
    top: 88px;
  }
}

@media (max-width: 1300px) {
  /* line 117, sass/top.scss */
  .hero .featured-wrapper {
    top: calc(40% + 100px);
  }
}

@media (max-width: 1280px) {
  /* line 128, sass/top.scss */
  .strength ul li .strength-trem h3 {
    margin-left: 0;
  }
  /* line 133, sass/top.scss */
  .strength ul li .strength-trem h3.strength-title3 span {
    font-size: 22px;
  }
}

@media (max-width: 1150px) {
  /* line 147, sass/top.scss */
  .hero .featured-wrapper h2 {
    font-size: 50px;
  }
  /* line 150, sass/top.scss */
  .hero .featured-wrapper p {
    font-size: 18px;
  }
}

@media (max-width: 750px) {
  /* line 160, sass/top.scss */
  .hero .featured-wrapper {
    height: 40%;
    width: 95%;
  }
  /* line 163, sass/top.scss */
  .hero .featured-wrapper h2 {
    font-size: 40px;
  }
  /* line 166, sass/top.scss */
  .hero .featured-wrapper p {
    font-size: 14px;
  }
  /* line 176, sass/top.scss */
  .strength ul li .strength-trem h3 {
    margin-left: 0;
  }
  /* line 180, sass/top.scss */
  .strength ul li .strength-trem h3.strength-title3 {
    font-size: 14px;
  }
  /* line 182, sass/top.scss */
  .strength ul li .strength-trem h3.strength-title3 span {
    font-size: 16px;
  }
  /* line 191, sass/top.scss */
  .flow-notice {
    margin-top: 20px;
    font-size: 14px;
    padding-left: 10px;
  }
}

@media (max-width: 500px) {
  /* line 202, sass/top.scss */
  .hero .featured-wrapper h2 {
    font-size: 35px;
  }
  /* line 207, sass/top.scss */
  .hero .hero-img {
    top: 30px;
  }
  /* line 211, sass/top.scss */
  .hero .featured-wrapper {
    /*    top: calc(28% + 100px);*/
    top: calc(28% + 50px);
  }
  /* line 217, sass/top.scss */
  .strength ul li h3 {
    margin-left: 0;
    font-size: 22px;
  }
}