@media (max-width: 1500px) {
    h1{
       font-size: 90px;
    }
}
@media (max-width: 900px) {
        
    h1{
        font-size: 56px;
    }
    h2{
        font-size: 88px;
    }
    h4{
        font-size: 56px;
    }
    h5{
        font-size: 24px;
    }

    .xl3-text{
        font-size: 40px;
    }
    .xl2-text{
        font-size: 32px;
    }
    .xl-text{
        font-size: 24px;
    }
    .l-text{
        font-size: 20px;
    }
    .m-text{
        font-size: 16px;
    }
    .s-text{
        font-size: 14px;
    }
    .footer-text{
    font-size: 16px;
    }
}
@media (max-width: 768px) {
    .outlined-btn .btn-label{
        font-size: 20px;
    }
     
    h1{
        font-size: 28px;
    }
    h2{
        font-size: 40px;
    }
    h4{
        font-size: 24px;
    }
  
    h5{
        font-size: 16px;
    }
    .xl5-text{
        font-size: 64px;
    }
    .xl3-text{
        font-size: 32px;
    }
    .xl2-text{
        font-size: 20px;
    }
    .xl-text{
        font-size: 20px;
    }
    .l-text{
        font-size: 16px;
    }
    .m-text{
        font-size: 14px;
    }
    .s-text{
        font-size: 14px; 
        /* maaybe change */
    }
 
    .services-list h3{
        font-size: 48px;
    }
    .services-list h4{
        font-size: 32px;
    }



}