body {
    overflow-y: scroll;
    overflow-x: hidden;
}
body, html {
    height: 100%;
}

#navbar-container {
    border:1;
    display: flex;
    border-radius:15px;
    background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.95);
}
#background-container {
    position:absolute;
    background-size: cover;
    background-position: center;
    margin: 0px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    z-index:-10;
    top:0px;
}


#booklet {
    border-radius:15px;
    font-family: Serif;
    background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.95);
}

#content {
	display:table;
	width:100%;
}

iframe {
	display:table-cell;
    width: 100%;
    display:flex;
    flex-direction: column;
    height: 80vh;
}

.nb-img {
    width:100%;
    max-width: 100px;
    max-height: 100px;
    border-radius:15px;
    border: 2px solid #000;
    /* padding:2.5%; */
    background: rgb(255, 255, 255); /* Fallback for older browsers without RGBA-support */
    background: rgba(255, 255, 255, 0.95);
    /* height:50%; */
    /* float:left; */
}

.nb-img:hover {
    background: rgba(150, 0, 0, 0.9);
}

.footer {
    position: fixed; 
    bottom: 0;
    left: 0;
    right: 0;
    height: 80px;
}

.logo {
    height: 75px;
}