.header {
  height: 85vh;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
  url(../img/hero.jpg);

  background-size: cover;
  background-position: top;
  position: relative;
  overflow: visible;
}


.header__logo-box {
  
  margin-top: 3rem;
  margin-left: 3rem;
  width: 50px;
  height: 50px;

}

.header__logo {
  

}

.header__text-box {
  position: absolute;
  top: 40%;
  left: 50%;
  width:100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}