#contactus {
    position: absolute;
    top:4.0rem !important;
    left: 0.0rem !important;
    right: 0.0rem !important;
    margin:1.0rem !important;
    height: calc(var(--displayht) - var(--footerht)) !important;
    background-color: #f7f7f7;
    overflow-y: auto !important;
}

#spinner {
    position: absolute !important;
    top: 0.5rem !important;
    left:48% !important;
    width:64px !important;
    height:64px !important;
}

#spinner img {
    width: 64 !important;
    height: 64 !important;
}

.nav-link.dropdown-toggle {
    font-size:1.25rem !important;
    color: #fff;
}

section.book {
    margin-top:1.0rem !important;
    z-index: 10 !important;
}

div.bio {
    margin: 1.0rem 0.0rem !important;
    height: calc(var(--displayht) - var(--footerht)) !important;
    overflow-y: auto !important;
    height: 100%;
    top: 0px;
}

section.bio {
    margin: 1.0rem 0.0rem !important;
    height: calc(var(--displayht) - var(--footerht)) !important;
    overflow-y: auto !important;
    top: 0px;
}

.contshowhide :hover {
  cursor:pointer !important;
  text-decoration: none !important;
}

.sedgwick-ave-regular {
    font-family: "Sedgwick Ave", cursive;
    font-weight: 400;
    font-style: normal;
}

.laila-light {
    font-family: "Laila", serif;
    font-weight: 300;
    font-style: normal;
}

.laila-regular {
    font-family: "Laila", serif;
    font-weight: 400;
    font-style: normal;
}

.laila-medium {
    font-family: "Laila", serif;
    font-weight: 500;
    font-style: normal;
}

.vbtitle, .laila-semibold {
    font-family: "Laila", serif;
    font-weight: 600;
    font-style: normal;
}

.laila-bold {
    font-family: "Laila", serif;
    font-weight: 700;
    font-style: normal;
}

p.laila-regular {
    font-family: "Laila", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2rem !important;
}

h1.vbtitle {
    font-size:  4.0rem !important;
}

h4.vbtitle {
    font-size:  1.5rem !important;
}