@media screen and (max-width:992px){
    section.banner .card-img-overlay{
        top: 40%;
         transform: translateY(-50%);
      }
    header .logo{
       width: 200px;
      }
      
}







@media screen and (max-width:500px){
  section.clients .flex{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    padding: 20px !important;
    }


    .alert-danger{
      left: 0%;
     }
   
      .info{
        font-size: 14px;
      }

      footer p{
        font-size: 12px;
      }
}