/* layout.css - Page Layout */

/* Container for Navigation and Page Content */
.container {
    display: flex; /* Use flexbox to keep items in a row */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
    margin-left: 200px; /* Adjusted margin to match navigation width */
    background-color: rgba(240, 240, 240, 0); /* Make container background transparent */
    border: 0; /* Ensure no border */
    border-radius: 0; /* Ensure no rounded corners */
    padding: 0; /* Ensure no padding */
}

/* Adjust the width of the container to accommodate the navbar */
@media screen and (min-width: 768px) {
    .container {
        margin-left: 200px; /* Adjusted margin to match navigation width */
    }
}

/* Mobile-friendly adjustments */
@media screen and (max-width: 767px) {
    .container {
        margin-left: 0; /* Remove left margin for smaller screens */
    }
}