/* Custom CSS for Parallax Sections */
#hero {
    /* Parallax effect for the hero section */
    background-image: url('farmpic.jpg'); /* Adjusted path */
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
}

/* styles.css */
body, html {
    margin: 2;
    padding: 2;
    overflow-x: hidden; /* Prevent horizontal scrolling */
}
#products {
    margin-bottom: 5;
    padding-bottom: 5;
}