@media screen and (max-width:900px){
    *{font-size: var(--smaller);}
    .large-screen{display: none;}
    .small-screen{display: block;}
    .banner-txt{padding: 60px;}
    .contact-strip div:nth-child(2){margin-left: 20px;}
    .product-value-row,.product-box, .brand-box{margin-top: 30px;}
    .icon-nav{right: 20px;}
    .socials a{margin-left: 10px;}

    .banner-inner{height: 700px; background:linear-gradient(-240deg,white,white,white,var(--background));}
    .banner-txt{margin: 0; width: 100%;}
    .banner-illustration{bottom: -80px;  width: 400px;}
    .services-container{padding: 0;}

    .about-sect-point{display: none;}

    .xlarge{font-size: 45px;}
    .xxlarge{font-size: 50px;}
    .large{font-size: 18px;}
    .normal{font-size: 14px;}
}

@media screen and (min-width:900px){
    .small-screen{display: none;}
    .nav-icon{display: none;}
}