.hero {
  padding: 10vh;
  background-size: fit;
  background-repeat: no-repeat;
}

.hero-text {
    background-color: rgba(18, 18, 18, 0.7);
    width: 60%;
    padding: 1.5em;
/*     margin-bottom: 10vh; */
}

.header-info-text {
  color: white;
  font-size: 15px;
  text-transform: uppercase;
}


  
@media (max-width: 1116px) {
  
  .hero {
    padding: 0;
  }
  
.hero-text {
    background-color: rgba(18, 18, 18, 0.7);
    width: 100%;
  margin: 0;
}

.header-info-text {
  color: white;
  font-size: 15px;
  text-transform: uppercase;
}