.space-around {
    justify-content: space-around;
}

#map {
    width: 100%;
    aspect-ratio: 1/1;
}

#content {
    min-height: 90vh;
}

.footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.stylefilters {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}

.link-opacity-50 {
    opacity: .5;
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    #map {
        border-radius: 1rem;
        border: .5rem solid black;
        aspect-ratio: 4/3;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}
