@media screen and (min-width: 790px) {
    .footer{
        padding-top: 1.5vh !important;
    }
  }

body {
    background-color: #004C00;
}

.cover {
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: auto;
    min-height: 15vh;
    border-bottom: 4px solid #004C00;
}
.cover-img {
    aspect-ratio: 733 / 99;
    max-height: 15vh;
}

#map {
    position: absolute;
    top: 0;
    bottom: 0;
    left : 0;
    width: 100%;
    height:100%
}
.map-wrapper {
    position: fixed;
    width: 100%;
    height: 80vh;
    display: flex;
}

.footer {
    padding-top: 1vh;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5vh;
}
.footer-content {
    text-align: center;
    font-size: 15px;
    color: #ffcc00ff;
    -webkit-text-stroke-width: 0.2px;
    -webkit-text-stroke-color: #000;
    cursor: context-menu;
}