@media screen and (max-width: 640px) and (min-width: 0px) {
  .bannerText {
    top: 5%;
  }

  .bannerText h1 {
    font-size: 20px;
  }

  .bannerText p {
    font-size: 16px;
  }

  .bannerText a {
    margin-top: 15px;
  }

  .box3 .lf .text {
    padding: 15px 3vw;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
  }

  .box3 .lf .text .top h1 {
    font-size: 42px;
  }

  .box3 .lf .text p {
    font-size: 14px !important;
  }
}

@media screen and (max-width: 400px) and (min-width: 0px) {}