#hero-pawcare {
   background-image: url("../../images/banner/pawcare_hero.png");
   background-size: cover;
   width: 100%;
   margin-top: 0;
   height: 55vh;
   padding: 2rem 10rem;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
   box-shadow: 0px 0px 7px 5px #a3e9f484;
}

@media only screen and (max-width: 799px) {
   #hero-pawcare {
      height: 30vh;
      padding: 2rem 5rem;
   }
}

@media only screen and (max-width: 563px) {
   #hero-pawcare {
      height: 32vh;
      padding: 1.3rem 1rem;
   }

   .welcome-txt h3 {
      font-size: 2.5rem;
   }
}