#what .items {
    display: block;
    padding: 1rem;
}


#what .items .item{
    display: flex;
    text-align: left;
}

#what .items .item .i {
    margin-right: 1.3rem;
    align-self: center;
    margin-bottom: 0;

}
/* Smartphones*/
@media(max-width: 500px){
    #navbar {
        flex-direction: column;
        align-items: center;
        
    }

#navbar .logo {
    margin-bottom: 0.5rem;
    text-align: center;
    
}
#navbar ul{
    padding: 0.5rem;
}
  #showcase .showcase-content {
    display: none !important;
  }

  #who {
      display: block;
  }
 .who-img {
      display: none;
      
  } 
  #client .items img{
      width: 80%;
  }
  .who-text {
    width: 100%; 
    
  }
  #clients .items div:last-child {
      display: none;
  }
  #contact {
      flex-direction: column;
  }
  #contact .map {
      height: 200px;
      border-top: 4px solid #333;
      
  }

  #showcase:before {
    opacity: 1 !important; /* Adjust for desired transparency */
  }
  #showcase .showcase-content,
  #showcase .showcase-content * {
    color: #000407 !important; /* Light grey */
    text-shadow: none !important;
  }

  #showcase {
    background-size: 100% 100% !important; /* Fit both width and height */
    background-position: center top 0 !important; /* Reset to top */
    background-repeat: no-repeat !important;
    width: 100vw !important;   /* Full viewport width */
    min-height: 200px;         /* Adjust as needed */
    max-width: 100vw !important;
    max-height:100vh;
    padding-top: 0; /* Remove or adjust if not needed */
  }
} 


@media(max-height:568px){
    #showcase {
        top: 200px;
        height: 160px;
        bottom: 0;
        
    }
   #showcase  .showcase-content{
        margin-top: -2rem;
        top: 100%;
        
    }
    .l-heading{
        font-size: 3rem;

    }
    .lead{
        font-size: 1rem;
    }
}
/* @media (max-width:745px){
    #showcase  .showcase-content{
        margin-top: -2rem;
        top: 130px;
    }

} */