/* Add a media query for narrower screens */
@media (max-width: 768px) {
    .grid-container {
        grid-template-columns: 1fr; /* Single column layout */
        margin: 20px 5%; /* Adjust horizontal margin */
    }
}

body, h1, h2, p, a {
    margin: 0;
    padding: 0;
    font-family: Helvetica, Arial, sans-serif;
}

/* Center the logo */
.logo-container {
    display: flex;
    justify-content: center;
    padding: 40px;
    padding-bottom: 10px;
}

/* Style the logo */
.logo {
    width: 300px;
    height: auto;
}

/* Add some spacing for the paragraphs */
main {
    padding: 10px;
    text-align: center;
}

.generalinfo, .contactinfo {
    display: grid;
    padding: 10px;
    background-color: rgb(243, 241, 241);
}

.generalinfo {
    text-align: left;
}

.map-responsive {
    display: grid;
    overflow: hidden;
    padding: 10px;
    position: relative;
    height: 0;
}

.contactinfo {
    height: auto;
}

/* New grid container for generalinfo and contactinfo */
.grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* Two equal columns */
    gap: 20px; /* Gap between columns */
    margin: 20px 10%; /* Vertical margin with 10% horizontal margin */
}


.footertext {
    text-align: center;
}