@font-face {
  font-family: luloBold;
  src: url(../fonts/FontsFree-Net-Lulo-Clean-W01-One-Bold.ttf);
}
.no-padding-lr {
  padding-left: 0px;
  padding-right: 0px;
}
.letter-spacin-06 {
  letter-spacing: 0.6em;
}
.header {
  height: 100vh;
  display: flex;
  align-items: center;
  color: #fff;
}
.font_1 {
  font-size: 88px;
  text-align: left;
}
.font_2 {
  font-size: 100px;
}
#font_3 {
  font-size: 45px;
  text-align: right !important;
  margin-right: -3%;
}
.content {
  padding-left: 1rem;
  padding-right: 1rem;
  margin: auto;
}
.header-video {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: -20;
}
.header-video video {
  min-width: 100%;
  min-height: 100%;
}
.header-content {
  z-index: 2;
}
.header-content h1 {
  font-size: 50px;
  margin-bottom: 0;
  font-family: "Lobster", cursive;
}
.header-content p {
  font-size: 1.5rem;
  display: block;
  padding-bottom: 2rem;
}
.color_28 {
  color: #6cc044;
}
.span-div {
  font-family:luloBold;
}
.font_1 .color_28 .letter-spacin-06 .span-div span {
  font-size:18px;
}
.font_2 .color_28 .letter-spacin-06 span {
  font-family:luloBold,sans-serif;
}
.font_3 .color_28 span {
  font-family:avenir-lt-w01_35-light1475496,sans-serif; 
  letter-spacing:0.3em;
}
/************ MEdias Query's***********/

@media (max-width: 1366px) {
  .content {
    padding: 0 3rem 0 3rem;
  }
  .header-content {
    margin-left: 8%;
  }
  .font_1 {
    font-size: 65px;
  }
  .font_2 {
    font-size: 82px;
  }
  .font_3 {
    font-size: 40px;
  }
}
@media (max-width: 1024px) {
  .content {
    padding: 0 3rem 0 3rem;
  }
  .header-content {
    margin-left: 4%;
  }
  .font_1 {
    font-size: 65px;
  }
  .font_2 {
    font-size: 82px;
  }
  .font_3 {
    font-size: 40px;
  }
}
@media (max-width: 960px) {
  .content {
    padding: 0 3rem 0 3rem;
  }
}
@media (max-width: 850px) {
  .content {
    padding: 0 3rem 0 3rem;
    padding-top: 8%;
  }
  .header-content {
    margin-left: 3%;
  }
  .header-content {
    z-index: -1;
  }
  .font_1 {
    font-size: 45px;
  }
  .font_2 {
    font-size: 50px;
  }
  .font_3 {
    font-size: 30px;
  }
}
@media (max-width: 800px) {
  .content {
    padding: 0 3rem 0 3rem;
  }
  .header-content {
    margin-left: 3%;
  }
  .header-content {
    z-index: -1;
  }
  .font_1 {
    font-size: 45px;
  }
  .font_2 {
    font-size: 50px;
  }
  .font_3 {
    font-size: 30px;
  }
}
@media (max-width: 667px) {
  .content {
    padding: 0 3rem 0 3rem;
  }
  .header-content {
    margin-left: 4%;
    margin-top: 15%;
  }
  .header-content {
    z-index: -1;
  }
  .font_1 {
    font-size: 18px;
  }
  .font_2 {
    font-size: 40px;
  }
  .font_3 {
    font-size: 18px;
  }
}
@media (max-width: 640px) {
  .content {
    padding: 0 3rem 0 3rem;
  }
  .header-content {
    margin-left: 4%;
    margin-top: 15%;
  }
  .header-content {
    z-index: -1;
  }
  .font_1 {
    font-size: 18px;
  }
  .font_2 {
    font-size: 40px;
  }
  .font_3 {
    font-size: 18px;
  }
}
@media (max-width: 500px) {
  .content {
    padding: 0 3rem 0 3rem;
  }
  .header-content {
    margin-left: 4%;
  }
  .font_1 {
    font-size: 12px;
  }
  .font_2 {
    font-size: 18px;
  }
  .font_3 {
    font-size: 18px;
  }
}
@media (max-width: 450px) {
  .content {
    padding: 0 3rem 0 3rem;
  }
  .header-content {
    margin-left: 4%;
  }
  .font_1 {
    font-size: 8px;
  }
  .font_2 {
    font-size: 28px;
  }
  .font_3 {
    font-size: 15px;
  }
}
@media (max-width: 400px) {
  .content {
    padding: 0 3rem 0 3rem;
  }
  .header-content {
    margin-left: 4%;
  }
  .font_1 {
    font-size: 12px;
  }
  .font_2 {
    font-size: 18px;
  }
  .font_3 {
    font-size: 18px;
  }
}
@media (max-width: 360px) {
  .logo {
    width: 82px;
    height: 33px;
  }
  .padtop5-padtom5 {
    font-size: 12px;
  }
  .header-content {
    margin-left: 4%;
  }
  .font_1 {
    font-size: 12px;
  }
  .font_2 {
    font-size: 18px;
  }
  .font_3 {
    font-size: 18px;
  }
}