.hero_container {
  display: flex;
  justify-content: left;
  align-items: left;
  flex-direction: column;
  margin-top: 140px;
  background-image: url(/images/pexels-tima-miroshnichenko-6169192.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 900px;
}

.hero_statement {
  margin-top: 280px;
  margin-left: 120px;
}

.hero_statement > h1, p {
  margin: 0;
  font-weight: bold;
  color: rgb(255,255,255);
}

.hero_statement > h1 {
  font-size: 72px;
  margin-bottom: 10px;
}

#logistics {
  color: rgb(65,157,220);
}

.hero_statement > p {
  font-size: 30px;
  margin-bottom: 40px;
  color: rgb(255,255,255);
}

.hero_buttons_container {
  margin-left: 120px;
}

.hero_buttons_container > a {
  text-decoration: none;
  font-weight: bold;
  color: rgb(255,255,255);
}

.hero_buttons_container > .getstarted_button {
  background-color: rgb(65,157,220);
  margin-right: 20px;
  padding: 15px 15px;
  border-radius: 15px;
  transition: background-color 0.3s ease-in-out;
}

.hero_buttons_container > .getstarted_button:hover {
  background-color: rgb(33, 111, 163);
}

.hero_buttons_container > .learnmore_button {
  border-color: rgb(65,157,220);
  background-color: rgba(33, 111, 163, 0.308);
  border-style: solid;
  border-width: 2px;
  padding: 13px 13px;
  border-radius: 15px;
  transition: background-color 0.3s ease-in-out;
}

@media screen and (max-width: 1422px) {
  .hero_statement > h1 {
    font-size: 70px;
  }

  .hero_statement > p {
    font-size: 28px;
  }

  .hero_buttons_container > a {
    font-size: 14px;
  }
}

@media screen and (max-width:1293px) {
  .hero_statement > h1 {
    font-size: 68px;
  }

  .hero_statement > p {
    font-size: 26px;
  }

  .hero_buttons_container > a {
    font-size: 12px;
  }
}

@media screen and (max-width: 1065px) {
  .hero_container {
    height: 600px;
  }

  .hero_statement {
    margin-top: 180px;
  }

  .hero_statement > h1 {
    font-size: 45px;
  }

  .hero_statement > p {
    font-size: 22px;
  }
}


@media screen and (max-width:910px) {
  .hero_container {
    margin-top: 60px;
    height: 500px;
  }

  .hero_statement {
    margin-left: 60px;
    margin-top: 150px;
  }

  .hero_buttons_container {
    margin-left: 60px;
  }
}

@media screen and (max-width: 865px) {
.hero_container {
    height: 350px;
  }

  .hero_statement {
    margin-top: 100px;
  }

  .hero_statement > h1 {
    font-size: 40px;
  }
}

@media screen and (max-width: 764px) {
  .hero_statement > h1 {
    font-size: 35px;
  }

  .hero_statement > p {
    font-size: 20px;
  }
}

@media screen and (max-width:597px) {
  .hero_statement > h1 {
    margin-bottom: 30px;
  }

  .hero_buttons_container {
    margin-left: 20px;
  }

  .hero_statement {
    margin-left: 20px;
  }

  .hero_statement > p {
    display: none;
  }
}

@media screen and (max-width:504px) {

  .hero_statement {
    margin-top: 120px;
  }

  .getstarted_button {
    margin-right: 10px;
  }
}