.page-header h1 {
    margin-top: 0px;
}

/*.page-header {
    height:7%;
    position: relative;
    background-color: rgba(0,28,61,0.6) !important;
    background-size: cover;
    background-position: right 0px bottom 0px;
    background-blend-mode: multiply;
    background-image: url('../images/UM-UB-Binnenstad.jpg');
}*/

.invert {
    filter: invert(100%);
}

.vertical-center {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.fullscreen {
    /* Use full viewport height but avoid fixed positioning which breaks mobile UX */
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    color: white;
    background: #ffffff;
}
.logoheight{
    height:70px;
}
.TitleHeader{
    font-size:20px;
    color:white;
}
.DivTitleHeader {
    top: 15%;
    position: relative;
}
.DivPageHeaderLogo {
    left: 5px
}

/* Viewer container: center and scale content for different devices */
.viewer-container {
    --header-height: 70px; /* default header height */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100vh - var(--header-height));
    padding: 0;
    box-sizing: border-box;
}

.viewer-container iframe,
.viewer-container object {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.viewer-container img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

/* Responsive tweaks for tablets and phones */
@media (max-width: 1024px) {
    .viewer-container { --header-height: 64px; }
}

@media (max-width: 767px) {
    .viewer-container {
        --header-height: 56px;
        height: calc(100vh - var(--header-height));
        padding: 8px;
    }

    .top-row img.site-logo { height: 40px; }

    .jumbotron.min-vh-100 {
        min-height: 50vh;
        padding: 1.5rem;
    }
}