@import url('https://unpkg.com/leaflet@1.7.1/dist/leaflet.css');
@import url('./layout.css');

.about-page {
    padding: 4rem 0;
    width: 80%;
    font-family: var(--font-family-sans-serif);
    height: 100%;
    margin: 0 auto;
}
.about-page h1,
.about-page p {
    text-align: center;
}
.about-page h2 {
    font-weight: 600;
    margin-top: 2rem;
}
.contact-info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.contact-info address {
    margin: 0;
}
.contact-op-hours {
    display: flex;
}
.hours-of-operation {
    margin-left: auto;
}
#map {
    height: 45rem;
    width: 100%;
    margin-top: 2rem;
    border: 1rem solid #fff;
}

/* small devices/mobile portrait mode */
@media (max-width: 990px) {
    .about-page {
        padding: 2rem 0;
        width: 94%;
    }
    .contact-op-hours {
        display: block;
    }
}