.hero_section {
  background-repeat: no-repeat;
  background-size: cover;
  height: 75vh;
  display: flex !important;
  align-items: center;
  background-position: center;
}
.hero_content {
  font-size: 60px;
  margin-bottom: 20px;
  font-weight: 600;
}

.btn-fill-out {
  padding: 12px 35px;
  background-color: #ff324d;
  color: white;
  text-transform: uppercase;
}

.image1 {
  background-image: url("/images/banner1.jpg");
}
.image2 {
  background-image: url("/images/banner2.jpg");
}

@media only screen and (max-width: 844px) {
  .hero_section {
    height: 50vh;
  }
  .offer {
    font-size: 16px;
  }
  .hero_content {
    font-size: 40px;
  }
}