/* =========================================== */
/* Panorama section when image is larger than 650px and/or overflows the screen width */
/* =========================================== */
.panorama-hint {
    font-size: 9pt;
    color: #666;
    text-align: center;
    margin-top: 4px;
}

.panorama {
    width: calc(100vw - 70px);
    max-width: 1730px;
    margin: 25px 0 25px 0;
}

.panorama-view {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
}

.panorama-view img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 1730px;
    box-sizing: border-box;
    border: 1px solid #777;
}

@media (max-width: 1000px) {
    .panorama-view img {
        width: auto;
        height: min(70vh, 590px);
        max-width: none;
    }
}
/* =========================================== */
/* End panorama section */
/* =========================================== */