footer {
  color: var(--white);
}


.leaflet-marker-pane img {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

footer .container {
  width: 100%;
}

.main-footer .container > div:not(.footer-map) {
  padding: 1em;
}

.footer-map {
  aspect-ratio: 16 / 9 ;
}

.by {
  color: #000000;
  font-style: italic;
}

@media screen and (max-width: 1023px) {
  footer .container {
    max-width: unset;
  }
}

@media screen and (min-width: 1024px) {
  .footer-map {
    aspect-ratio: 4 / 3 ;
  }
}