.container {
    max-width: 950px;
}

/*
 * Custom translucent site header
 */

.site-header {
    background-color: rgba(255, 255, 255, 1);
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
    /*border-bottom-style: solid;*/
    /*border-width: 1px;*/
    /*border-color: #CCCCCC;*/
}
.site-header a, a {
    color: #000000;
    transition: color .15s ease-in-out;
}
.site-header a:hover, a:hover {
    color: #ccc;
    text-decoration: none;
}

.forthcoming {
    position: relative;
    right: -10%;
    top: 10%;
    width: 375px;
    height: 520px;
    background-color: #333;
    border-radius: 10px;
    transform: rotate(0deg);
    padding:20px;
    margin-top: 8%;
    margin-left: 8%;
}

.forthcoming-alt {
    position: relative;
    right: 10%;
    top: 10%;
    width: 345px;
    height: 500px;
    background-color: #FFF;
    transform: scale(.9);
    margin-top: 8%;
    margin-left: 8%;
}

.thumb-pane {
    position: relative;
    top: 10%;
    width: 330px;
    height: 450px;
    background-color: #FFF;
    transform: scale(1);
    margin-top: 12%;
    margin-left: 28%;
    float: left;
}

.book-thumbnails {
    position: relative;
    clear: both;
    text-align: center;
    margin-bottom: 70px;
}

.left-pane {
    position: relative;
    top: 10%;
    width: 345px;
    height: 130%;
    background-color: #FFF;
    transform: scale(1);
    margin-top: 8%;
    margin-left: 8%;
}

.content-text {
    position: relative;
    left: 40%;
    top: 10%;
    height: 100%;
    width: 120%;
    margin-top: 8%;
    max-font-size: 10vw;
}

.book-artifacts {
    /*border: solid 1px;*/
    height: auto;
}

#artifacts {
    clear: both;
}
.book-unfolding {
    /*border: solid 1px;*/
    height: auto;
}

.book-thumb {
    width: 178px;
    height: 235px;
}

.book-thumb img {
    width: 158px;
    height: 230px;
}

.img-fluid {
    max-width: 100%;
}

.img-thumbnail {
    border: solid 1px black;
}

.publication-date {
    font-size: 14px;
}

.vertical-spacing {
    padding-bottom: 120px;

}
/*
 * Extra utilities
 */

.flex-equal > * {
    flex: 1;
}
@media (min-width: 768px) {
    .flex-md-equal > * {
        flex: 1;
    }
}

#authors {
    display: none;
}

#imprint {
    display: inline-block;
}

#titles {
    display: none;
}

#contact {
    display: none;
}

#license {
    display: none;
}

.navbar-brand {
    margin-left: 3%;
}

.nav-link {
    margin-left: 3%;
}