.homepage-header-wrapper {
  background:#000;
  height:100vh;
  overflow:hidden;
  position:relative;
  z-index:1;
}
.homepage-header-wrapper video {
  height:100vh;
  left:0;
  -o-object-fit:cover;
  object-fit:cover;
  position:absolute;
  top:0;
  width:100vw;
  z-index:1;
  opacity: 0.7;
}
.homepage-header-content {
  color:#fff;
  height:100%;
  margin:0 auto;
  max-width:100%;
  position:absolute;
  text-align:center;
  top:0;
  width:100%;
  z-index:2;
}
.homepage-header-content h1 {
  font-size:50px;
  line-height:60px;
  margin-left:173px;
  max-width:1036px;
  text-align:left;
  color: #fff;
  font-weight: bold;
  letter-spacing:-3px; 
}

@media only screen and (max-width:627px)
{
  .homepage-header-content {
    padding-top:250px;
  }
}
@media only screen and (min-width:628px) and (max-width:767px) {
  .homepage-header-content {
    padding-top:200px;
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .homepage-header-content {
    padding-top:275px; /*512*/
  }
}
@media only screen and (min-width:1025px) and (max-width:1535px) {
  .homepage-header-content {
    padding-top:340px;
  }
}
@media only screen and (min-width:1536px) and (max-width:1919px) {
  .homepage-header-content {
    padding-top:500px;
  }
}
@media only screen and (min-width:1920px) {
  .homepage-header-content {
    padding-top:550px;
  }
}

@media only screen and (max-width:376px) {
  .homepage-header-content h1 {
    font-size:22px;
    line-height:34px;
    margin-left:20px;
    margin-right:5px;
    max-width:335px;
  letter-spacing:-2px; 
  }
}
@media only screen and (min-width:377px) and (max-width:627px) {
  .homepage-header-content h1 {
    font-size:24px;
    line-height:36px;
    margin-left:50px;
    margin-right:10px;
    max-width:500px;
    letter-spacing:-2px; 
  }
}
@media only screen and (min-width:628px) and (max-width:768px) {
  .homepage-header-content h1 {
    font-size:30px;
    line-height:40px;
    margin-left:45px;
  margin-right:40px;
    max-width:580px;
    font-weight: bold;
  letter-spacing:-2px; 
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .homepage-header-content h1 {
    font-size:35px;
    line-height:45px;
    margin-left:70px;
    margin-right:70px;
  }
}
@media only screen and (min-width:1025px) and (max-width:1534px) {
  .homepage-header-content h1 {
    font-size:36px;
    line-height:52px;
    margin:0 auto;
    max-width:844px;
  }
}
@media only screen and (min-width:1535px) and (max-width:1919px) {
  .homepage-header-content h1 {
    margin-left:170px;
    max-width:1260px;
  }
}
@media only screen and (min-width:1920px) and (max-width:2559px) {
  .homepage-header-content h1 {
    margin-left:350px;
    max-width:1260px;
  }
}
@media only screen and (min-width:2560px) {
  .homepage-header-content h1 {
    margin-left:350px;
    max-width:1260px;
  }
}