.flex-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Aligns items to the top */
}

.column1 {
    width: 33%;  /* 1/3 of the container width */
}

.section-image {
/*     width: 100%; /* Ensures the image takes the full width of its container */
    height: auto;
    max-height: 300px;  /* Adjust this value based on your section height */ */
    max-width: 100%; /* Prevents overflow */
    height: auto;    /* Keeps aspect ratio */
    width: auto;     /* Don’t force it to fill column */
    display: block;  /* Remove inline spacing */
    margin: 0 auto;  /* Center if smaller than column */
}

.column2 {
    width: 66%; /* Takes the remaining 2/3 of the container */
    padding-left: 20px;
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #e0e0e0;
/*     display: flex;
    justify-content: center;  /* Centers horizontally */
    align-items: flex-start; /* Aligns content at the top */
    height: 100vh; */
} 
.container {
    width: 50%; 
    max-width: 960px;  /* don't let it get too wide on giant monitors */
    min-width: 400px;  /* don't let it shrink to unreadable */
    margin: 0 auto;  /* auto left/right margins center it */
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}
@media (max-width: 800px) {
    .container {
        width: 95%;
        min-width: unset; /* allow smaller than 400px if needed */
    }
}
header {
    color: #fff; /* White text for the header wrapper */
    padding: 20px;
    text-align: center;
    background-color: #005f73; /* Dark background for the header */
}

main {
    padding: 20px;
}

p {
    text-align: left; /* Ensures paragraphs are left-aligned */
}

h2, h3 {
    color: #005f73; /* Dark teal color for headings */
    text-align: left;
}

footer {
    text-align: right;
    padding: 10px;
    background-color: #005f73;
    color: #fff;
    margin-top: 20px;
}
.footer-image {
    max-width: 100%;  /* Ensures the image fits within the footer's width */
    height: auto;     /* Maintains the aspect ratio */
    max-height: 50px; /* Adjust this value to control the image's height */
}