@media only screen and (max-width: 960px) {
    .site-content {
        transform: none;
    }
}

@media only screen and (max-width: 768px) {
    .map-modal__content {
        width: 96%;
        top: 55%;
    }
    #map-modal__title {
        padding-bottom: 0;
        font-size: 18px;
    }

    #map-modal__excerpt {
        font-size: 14px;
    }

    .map-modal__post-link {
        font-size: 14px;
        padding: 7px 10px;
    }

    .map-modal__menu-buttons {
        margin-top: 10px;
    }
}

@media only screen and (max-height: 320px) {
    .map-modal__content {
        top: 58%;
    }
    
    .map__intro-left {
        width: 20%;
    }

    .map__intro-right {
        width: 80%;
    }

    #map-modal__excerpt {
        font-size: 12px;
        margin: 10px 0;
    }

    .map-modal__video iframe {
        width: 400px;
    }

    .swiper-container {
        /* width: 100%; */
        height: 60vh;
      }
}