body {

}

#openedImage .modal-dialog {
    max-width: 80vw;
}

#openedImage .modal-body img {
    height: 70vh;
    object-fit: contain;
}

#imageTitle {
    font-size: 16px;
}

@media (max-width: 576px) {
    #openedImage .modal-body img {
        height: auto;
    }

    #openedImage.show {
        display: flex !important;
    }

    #openedImage .modal-dialog {
        margin-top: auto;
        margin-bottom: auto;
    }
}

@media (max-width: 1000px) {
    #openedImage .modal-dialog {
        max-width: 95vw;
    }
}

@media (min-width: 1100px) {
    .body-container, nav.navbar {
        padding-left: 120px;
        padding-right: 120px;
    }
}