body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 1rem;
    background-color: #f4f4f4;
    color: #000;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-block-end: 0.5rem;
}

.container {
    max-width: 60rem;
    margin: auto;
    background: #fff;
    padding: 2.5rem;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.container::after {
    content: "";
    display: table;
    clear: both;
}

table ul {
    margin-inline-end: 5rem;
}

ul {
    margin-block-start: 0;
}

form label {
    padding-inline-end: 0.5rem;;
}

form input {
    padding: 0.25rem;
}

form input:not([type="submit"]) {
    font-size: 0.5rem;
}

.submit-button {
    text-align: center;
}

footer {
    clear: both;
    margin-block-start: 1rem;
    padding-top: 1rem;
    font-size: 0.75em;
}

footer > p {
    text-align: center;
    margin: 0
}

.logo {
    width: 20rem;
    max-width: 100%;
    height: auto;
}

.facebook-link {
    font-size: 3em;
    color: #000 !important;
}

.facebook-link:visited {
    color: #000 !important;
}

p {
    margin-bottom: 0.75rem;
}

a {
    color: #8fb63f;
}

a:visited {
    color: #01652f;
}

ol {
    margin-inline-start: 2rem;
    padding-inline-start: 0;
}

ol > li {
    margin-block-end: 0.5rem;
}

main img {
    border-radius: 1rem;
}

.section-image-right {
    float: right;
    max-width: 25%;
    margin-inline-start: 1rem;
}

.section-image-left {
    float: left;
    max-width: 25%;
    margin-inline-end: 1rem;
}


.image-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.image-grid > .grid-item {
    position: relative;
    height: auto;
    overflow: hidden;
    border-radius: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-grid > .grid-item > img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Optional: For smaller screens, stack the content */
@media (max-width: 768px) {

    .section-image-left {
        float: none;
        max-width: 100%;
    }

    .section-image-right {
        float: none;
        max-width: 100%;
    }

    .wrap-table .wrap-table-section {
        display: block;
    }

    table ul {
        margin-inline-end: 0;
    }

    .form-table {   
        width: 100%;
    }

    .form-table td:nth-child(1) {
        width: 25%;
    }

    .form-table td:nth-child(2) {
        width: 75%;
    }



    form input[type="text"],
    form input[type="email"] {
        width: 100%;
    }
}