@media only screen and (max-width: 459px)  {

    /*-- Typography --*/

    h1 {
        font-size: 6vw;
    }

    .local {
        font-size: 18vw;
    }

    h2 {
        font-size: 5vw;
        text-align: center;
    }
    
    h3 {
        font-size: 5vw;
    }

    p {
        text-align: justify;
        color: rgb(255, 255, 255);
    }

    a {
        font-size: 2vw;
    }

    .nav {

        background-color: #2f2e2d;
        max-height: auto;
        width: 100vw;
    }
    
    .nav ul li {
         margin: 5px;
    }
    
     .nav ul li a {
        font-size: 4vw;
    }

    .showcase1 {  
         width: 100vw;
         object-fit: cover;
    }
        
    .banner-text {
        background-color: whitesmoke;
        padding: 1rem 3rem;
        }

    .about-us-container{
        border: 0px solid purple;
        background-color: rgb(0, 0, 0);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: justify;
        max-width: 600px;
        padding: 150px 6vw;
        margin: auto;
    }

    .about-us-card {
        border: 0px solid rgb(0, 222, 67);
        background-color: rgb(0, 0, 0);
        text-align: justify;
        box-shadow: 2px 1px 15px rgba(0, 0, 0, 0.347);
        border-radius: 5px;
        margin: auto;
        padding-bottom: 20px;
    }

    .about-us {
        border: 0px solid red;
        margin: 1rem 1rem;
        padding: 1rem 1rem;
        font-size: 5vw;
        color: #fff;
    }

    .team {
        background-color: rgb(0, 0, 0);
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    
    .tony {
        border: 2px solid #34340f;
        max-width: 50vw;
        border-radius: 150%;
    }

    .tony-text {
        font-size: 18px;
    }
    
    .tools {
        border: px solid #230303;
        max-width: 40vw;
        border-radius: 150%;
    }
    
    
    .showcase2{
        background-attachment: scroll;
    }
            

    .products {
        flex-direction: column;
        gap: 50px;
        max-width: 85vw;
        margin-top: 50px;
    }

    .product+.product {
        margin-left: 0rem;
    }
    
    .product {
        padding: 0rem;
    }
    
    .product__img {
        max-width: 100%;    
    }
    
    .product:last-of-type {
        margin-bottom: 75px;
    }

    .bodytext {        
        text-align: center;
        color: #fff;
        font-size: 5VW;

    }


    .company-info-container{
        background-color: #2f2e2d;
        display: flex;
        flex-direction: row;
        padding: 10px 90px;
        gap: 10px;
    }
    

    .company-info-container{
        flex-direction: column;
        padding: 10px 10px;
    }

    .company-text {
        text-align: center;
        color: #fff;
        font-size: 4VW;
    }

    .hyper-text {
        text-align: center;
        color: #fff;
        font-size: 6VW;
    }
  
    .Whatsapp-icon{
        width: 40vw;
    }

    .facebook {
        width: 41vw;
    }

    .footer-nav li {
        display: inline;
        padding: 1rem;
    }

    .footer-nav a {
        font-size: 3.6VW;
    }
  
    
}