@media (max-width: 768px) { 
    header #main-header .text-wrapper {
        width: 90%;
    }
    section#products .products-wrapper .product {
        width: 100%;
        margin-bottom: 2em;
    }
    
    section#our-farms .our-farms-wrapper .text-side {
        order: 2;
    }
    
    section#our-farms .our-farms-wrapper .img-side {
        order: 1;
        margin-bottom: 2em;
    }
    
    footer {
        text-align: center;
    }
    footer .about {
        padding-right: 0;
        padding: 0 2em;
        margin-bottom: 2em;
    }
    footer .about p {
        text-align-last: center;
    }
    footer .foot-col {
        margin-bottom: 2em;
    }
    
    
    #products-page .product .product-content .text-side {
        margin-bottom: 2em;
    }
    
    #contact .container .row .message {
        margin-bottom: 2em;
    }
    
    #contact .container .row form input, #contact .container .row form textarea {
        width: 90%;
    }

 }