@media screen and (max-width: 768px) {
  .banner-text {
    padding-top: 30%; }
    .banner-text h2 {
      font-size: 42px; }
    .banner-text p {
      font-size: 18px; }
}
@media screen and (max-width: 640px) {
  .banner-text {
    padding-top: 35%; } }
@media screen and (max-width: 480px) {
  .banner-text {
    padding-top: 45%; }
    .banner-text h2 {
      font-size: 32px; } }
@media screen and (max-width: 320px) {
  .banner-text {
    padding-top: 55%; }

 }