@media (max-width: 576px) {
    .banner {
      height: 500px;
      padding-top: 30px;
      padding-bottom: 30px;
    }
    
    .banner-heading {
      font-size: 2.5rem;
      text-align: center;
    }
    
    .banner-text {
      font-size: 1.2rem;
      text-align: center;
    }
    .profile img{
      max-width: 350px;
    }
    .banner-about{
      margin-top: -9rem;
    }
    .about-paragraph{
      padding-bottom: 50px;
    }
    .bg-contact{
      padding:0px;
    }
  }