body {
    position: relative;
    background: #fff;
    color: #000;
    font-family: ff-ernestine-pro, serif;
    font-weight: 400;
    font-style: normal;
    display: flex;
    flex-direction: column;

}

html {
    scroll-behavior: smooth;
    height: 100%;
}

.onsearch {
    display: flex;
    flex-direction: column;
}

.hide {
    display: none;
}

#report {
    text-decoration: underline;
    width: fit-content;
    text-align: center;
    order: 2;
    margin-bottom: 10px;
}

#sendreport {
    order: 3;
    margin-bottom: 10px;
}

.lds-dual-ring {
    display: inline-block;
    padding: 50px 0 20px 0;
    margin: 0 auto;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 20px;
    height: 20px;
    margin: 8px;
    border-radius: 50%;
    border: 2px solid #03243f;
    border-color: #03243f transparent #03243f transparent;
    animation: lds-dual-ring 1.5s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.container {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}


body {
    margin: 0;
    height: 100%;
}

#footer, .footer {
    flex-shrink: 0;
}

a {
    cursor: pointer;
}
.mobile-menu {
    background-color: #03243f;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;

}

.logo2 {
    display: none;
}

.logo {
    margin: 0 auto;
    max-width: 200px;
}

.logo-icon {
    width: 100%;
    z-index: 0;
}

.logo-icon.mobile-si {
    background-color: #03243f;
    background: url(img/logo-header.svg) no-repeat;
    background-size: cover;
    background-position: center;
}



.signinpage .logo-icon {
    background: url(img/logo-header-signin.svg) no-repeat;
    background-size: cover;
    background-position: center;
}

.sip .titlel,
.sip .authorl {
    font-size: .7em;
}

.pwd {
    font-size: 11px; 
    margin-left:5px;
    margin-top:auto;
    margin-bottom:auto;
    text-decoration:underline;
}



.header {
    background: #03243f;
}

.logo-icon img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    z-index: 1;
}

.mobile-search {
    margin-top: -5px;
    padding-top: 20px;
    color: #fff;
    background-color: #816c61;
}

.searchform {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.searchbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px 20px;
    min-width: 200px;
    max-width: 100%;

}

.search600.homepg {
    background: url("img/background1.jpg") no-repeat;
    background-size: cover;
    background-position: top;
    display: flex;
    flex-direction: column;
    height: 300px;
}


#result, #result2 {
    max-width: 100%;
    word-wrap: break-word;
}

#result p {
    text-align: center;
}

#result2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0 40px 0;
}

/*----- Flexbox Children -------*/


.title,
.author {
    padding: 10px;
    display: flex;
}

.title {
    align-self: flex-end;
}

.author {
    align-self: flex-end;
}
.authors{
    cursor: pointer;
}
.authors td {
    text-align: center !important;
}

.titlel,
.authorl {
    padding-right: 10px;
    flex-grow: 1;
    align-self: center;
}

.titlei,
.authori {
    background-color: rgba(255, 255, 255, .5);
    border: none;
    min-height: 15px;
    padding: 4px;
    align-self: center;
    width: 150px;
    font-size: .7em;
}

/* Signed-in home: compact × clear on title/author (button is NOT under .searchform .search — avoids navy Search styling). */
.search600.si .search-field-wrap {
    position: relative;
    align-self: center;
    display: inline-block;
    vertical-align: middle;
}
.search600.si .search-field-wrap .titlei,
.search600.si .search-field-wrap .authori {
    box-sizing: border-box;
    padding-right: 22px;
}
.search600.si button.spa-search-clear {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.35);
    color: #2a231f;
    font-size: 16px;
    line-height: 1;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.search600.si button.spa-search-clear:hover,
.search600.si button.spa-search-clear:focus {
    background: rgba(255, 255, 255, 0.85);
    color: #111;
}

select.titlei {
    width: 160px;
}



.searchform .search {
    margin-top: 20px;
    margin-bottom: 50px;
}

/*----Sign in Page & Buttons------*/


.signin {
    position: fixed;
    top: 15px;
    right: 10px;
    text-decoration: none;
    color: #fff;
    font-size: .7em;
    background-color: #816c61;
    border-radius: 5px;
    padding: 8px 20px;
    z-index: 2;
}
.signin2 {
    text-decoration: none;
    color: #fff;
    font-size: .7em;
    background-color: #816c61;
    border-radius: 5px;
    padding: 8px 20px;
}

.signin:active,
.signedin button:active,
.signedin a:active {
    background-color: #e6e2df;
}

.signin:hover,
.signedin button:hover,
.signedin a:hover {
    cursor: pointer;
}

.signedin {
    font-size: .7em;
    position: relative;
}


.signedin p {
    text-align: left;
    padding-left: 10px;
    color: #000;
}

.signedin button,
.signedin a {
    text-decoration: none;
    color: #fff;
    border: none;
    background-color: #816c61;
    border-radius: 5px;
    padding: 8px 20px;
    z-index: 2;
    white-space: nowrap;
    align-self: center;
    margin: 0 10px;
}

.signedin .avatar1 {
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 5px;
    right: 5px;
    align-items: center;
}

.signedin .avatar1 img:first-child {
    max-width: 35px;
    max-height: 35px;
}

.signedin .avatar1 .parrow-up {
    padding-left: 4px;
    width: 10px;
}

.signedin .avatar1 .parrow-up.onclick {
    padding-right: 2px;
    padding-left: 0px;
    width: 12px;
    transform: rotate(180deg);
}


.signedin .popout {
    display: none;
}

.signedin .active {
    display: flex;
    z-index: 1000;
}
#overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: black;
    opacity: .5;
    z-index: 2;
    display: none;
}
.signedin .popout {
    flex-direction: column;
    align-items: center;
    position: absolute;
    background: #fff;
    right: 5px;
    top: 40px;
    border-radius: 10px;
    padding: 10px;
    z-index: 3;
}

.signedin .popout:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    top: 0px;
    left: 91%;
    transform: translateX(-50%) rotate(45deg);

}

.signedin .popout img {
    width: 75px;
    height: 75px;
}

.signedin .popout p:nth-child(2) {
    font-size: 1.3em;
    font-weight: 700;
    margin: 10px;
}

.signedin .popout p:nth-child(3) {
    margin-top: 5px;
    margin-bottom: 20px;
}

.signedin .popout a:nth-child(4) {
    background-color: #03243f;
}

.signedin .popout #logout {
    margin-top: 30px;
    border-radius: 0;
    color: #03243f;
    background: #fff;
    border-top: 1px solid #03243f;
    padding: 8px 0 8px 0;
    display: flex;
    flex-direction: row;
    min-width: 90%;
    justify-content: center;
}


#logout:hover {
    cursor: pointer;
}

#logout img {
    width: 20px;
    height: 20px;
    align-self: center;
}

#logout p {
    font-size: 1.3em;
    font-weight: 400;
    margin: 0;
    align-self: center;
}

.signinpage .logo-icon {
    padding-bottom: 10px;
}

.searchform .search button#signin,
.googlesignin,
.searchform .search input,
.searchform .search button,
#sendreport {
    background: #03243f;
    border: none;
    border-radius: 5px;
    padding: 8px 20px;
    color: #fff;
    font-family: ff-ernestine-pro, serif;
    font-size: .7em;
}

.googlesignin {
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    padding: 5px 10px;
    flex-wrap: nowrap;
}

.googlesignin a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    padding: 0 10px;
}

.googlesignin img {
    max-width: 10px;
    padding-right: 5px;
}

.signincontainer {
    background: #e6e2df;
}

.signincontainer h2 {
    text-align: center;
}

.signinfooter {
    background-color: #e6e2df;
    margin: 0 auto;
}

.signininfo .logo-icon {
    background: url(img/logo-header-signin.svg) no-repeat;
    background-size: cover;
    background-position: center;
}

.signincontainer .search {
    margin-bottom: 20px;
}

.signincontainer .searchbox {
    max-width: 480px;
    margin: 0 auto;
    box-sizing: border-box;
}

.signincontainer #error {
    align-self: center;
    max-width: 100%;
    box-sizing: border-box;
}

.signin-error-inactive {
    margin: 1rem 0 0.5rem;
    max-width: 100%;
    box-sizing: border-box;
    padding: 0.6rem 0.85rem;
    text-align: left;
    white-space: normal;
    color: #8b0000;
    font-size: 0.85rem;
    line-height: 1.45;
    background: #fdecec;
    border: 1px solid #f4bcbc;
    border-radius: 4px;
}

.signin-error-inactive p {
    margin: 0;
}

.signin-error-inactive__reactivate {
    display: inline-block;
    margin-top: 0.6rem;
    font-size: 0.9rem;
    text-decoration: underline;
    color: #03243f;
}

.signin-error-inactive__reactivate:hover {
    color: #04406e;
}

.phonenum {
    font-size: .7em;
}

/*-------Menu---------*/

/*
.menu {
    text-decoration: none;
    background-color: #03243f;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.menu a {
    text-decoration: none;
    color: #fff;
    font-size: .7em;
    padding: 5px;
    margin: 5px 0px;
}
*/
/*Test Menu*/
.menu {
    margin-left: 10px;
    text-decoration: none;
    background-color: #03243f;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-content: center;
}

.menu a {
    text-decoration: none;
    color: #fff;
    font-size: .8em;
    padding: 5px 2px 5px 2px;
    margin: 5px 5px;
}

.menu2 {
    background-color: #03243f;
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-content: center;
    border-bottom: #687c8c 1px solid;
}

.signedin {
    position: inherit;
}

.avatar1 {
    padding-top: 5px;
}

.signedout {
    background: #816c61;
    height: 20px;
}

/*-----Quote & Body------*/

.book-quote-so .aamilne {
    display: none;
}

.aamilne {
    width: 100%;
}

.quote {
    width: 75%;
    margin: 0 auto;
    font-size: .7em;
    color: #03243f;
    padding: 30px 5px;

}

.description {
    background-color: #03243f;
    color: #fff;
    display: flex;
    flex-direction: column;

}

.description h2 {
    flex-grow: 1;
    font-size: .8em;
    padding-top: 10px;
    align-self: center;
}

.description p {
    flex-grow: 2;
    font-size: .7em;
    padding: 0 20px 20px 20px;
    align-self: center;
}

/*--------Footer-------*/

.footerbook {
    display: none;
}

#footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: #fff;
    color: #03243f;
}


#footer img {
    min-width: 200px;
}

#footer p {
    font-size: .7em;
    align-self: flex-end;
    padding-right: 10px;
}

/*-----Table Styles-------*/

table {
    border: 0px solid black;
    font-size: .5em;
    max-width: 95%;
    margin: 0 auto;
    padding-bottom: 20px;
}

th {
    background-color: #03243f;
    color: #fff;
    padding: 6px 6px;
}

td {
    padding: 0px 2px;
    height: 30px;
}

tr:nth-child(even) {
    background-color: #fff;
}
tr:nth-child(odd) {
    background-color: #e6e2df;
}
.onsearch {
    background-color: #e6e2df;
}
.onsearch #results {
    padding-top: 20px;
    display: flex;
    align-items: center;
}

.browsesearch {
    padding-top: 30px;
}

tr td:first-child,
tr td:nth-child(2) {
    text-align: center;
}

.browsesearch tr td:first-child,
.browsesearch tr td:nth-child(2) {
    text-align: left;
    padding: 0 10px;
} {

}

tr td:nth-child(3),
tr td:nth-child(4) {
    padding: 0 10px;
}

.browsesearch tr td:nth-child(3),
.browsesearch tr td:nth-child(4) {
    text-align: center;
}

tr td:nth-child(5),
tr td:last-child {
    text-align: center;
}

.resetpwdpg {
    font-size: .8em;
}

.rstpwd-heading {
    margin: 0 0 0.5em;
    font-size: 1.25em;
    color: #03243f;
}

.rstpwd-lead {
    font-size: 0.95em;
    color: #555;
    margin: 0 0 1em;
    line-height: 1.4;
}

.rstpwd-result {
    margin: 0.75em 0;
    line-height: 1.45;
}

.rstpwd-result--error {
    color: #822;
}

.rstpwd-result--ok {
    color: #1a5c2e;
}

.rstpwd-result__next {
    margin: 0.5em 0 0;
    font-size: 0.95em;
}

/*--------No Results--------*/

#noresults {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-self: center;
    padding: 5em 3em;
    margin-bottom: 2em;
    background: url(img/noresults.svg) no-repeat;
    background-position: center;
    color: #fff;
    font-size: 1.5em;
    white-space: nowrap;
}

#noresults p {
    padding-top: 10px;
    font-size: .9em;
}


/*--------Book Search Page--------*/

.booksearchpg .mobile-search {
    background-color: #e6e2df;
    color: #03243f;
}



/*----Email Books Page-------*/

.emailbookspg td {
    text-align: left;
}

.emailbookspg input {
    margin: 3px;
}

.emailbookspg button {
    margin: 10px;
}

/*----Contact Us Page-------*/

.contact-us .titlel,
.contact-us .authorl {
    font-size: .7em;
}

.contact-us .commentsi {
    height: 100px;
}

.contact-us .commentsl {
    padding-top: 3px;
    align-self: flex-start;
}

.contact-us .titlel p {
    margin: 0;
    text-align: right;
    font-size: .7em;
}

/*-----Browse By----------*/

#browse_title {
    padding-bottom: 25px;
}

#browse {
    width: 220px;
    margin: 0 auto;
}

.browse_search {
    padding-top: 25px;

    margin: 0 auto;
}

.browse_search #search {
    background: #03243f;
    border: none;
    border-radius: 5px;
    padding: 8px 20px;
    color: #fff;
    font-family: ff-ernestine-pro, serif;
    font-size: .7em;
}

/*--------Modal----------*/

.blocker {
    z-index: 10;
}

#forgotpwd {
    background-color: #e6e2df;
}

/*---------Edit Profile Page---------*/

/* .profilepg .edit_profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
}

.profilepg .edit_profile .profileinfoborder {
    width: 100%;
    border-bottom: 1px solid #adaaa7;
}

.profileinfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.profileinfo .accountdata {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 20px;
}

.profileinfo .accountdata *,
.profilepg .resetpwd *,
.profilepg .currentusers *,
.profilepg .addusers *,
.profilepg .subscriptionstatus * {
    align-self: center;
}

.profileinfo .accountdata *,
.subscriptionstatus button:last-child {
    margin: 5px;
}

.profileinfo .accountdata p:last-child {
    margin-top: 10px;

}

.profilepg .search {
    margin: 5px;
}

.profilepg .profileinfo img {
    width: 100px;
    height: 100px;
    margin-bottom: 15px;
}

.profilepg .resetpwd,
.profilepg .currentusers,
.profilepg .addusers {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid #adaaa7;
    padding-bottom: 20px;
}

.profilepg .subscriptionstatus {
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    justify-content: space-between;
}



.profileinfo .accountdata p:first-child,
.profilepg .resetpwd p:first-child,
.profilepg .currentusers p:first-child,
.profilepg .addusers p:first-child,
.profilepg .subscriptionstatus p:first-child {
    font-weight: 700;

}

.profilepg button {
    text-decoration: none;
    color: #fff;
    border: none;
    background-color: #816c61;
    border-radius: 5px;
    padding: 8px 20px;
    z-index: 2;
    white-space: nowrap;
    align-self: center;
    margin: 0 10px;
}

.profilepg button:active {
    background-color: #e6e2df;
}

.profilepg button:hover {
    cursor: pointer;
}


.profilepg .currentusers .output {
    width: 95%;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;

}

.profilepg .currentusers .output p {
    margin: 0;
    font-weight: 400;
}

.profilepg .currentusers .user {
    display: flex;
    flex-direction: column;
    padding-left: 10px;
    align-self: flex-start;
}

.profilepg .currentusers button {
    align-self: flex-end;
}


.profilepg .currentusers .admin {
    align-self: flex-start;
    font-size: .7em;
    margin-bottom: 0;
}

.profilepg .currentusers .addnew {
    margin-top: 10px;
    align-self: center;
}

.profilepg .currentusers .title button {
    margin-left: 0;
}

.profilepg .subscriptionstatus .output {
    display: flex;
    width: 90%;
    justify-content: space-between;
}

.profilepg .save {
    margin: 30px 0;
}

.profilepg .addusers .addnew {
    margin-top: 10px;
} */

.centertxt {
    margin: 0 auto;
    padding: 100px 50px;
}

/*-------Back to Top--------------*/

.booksearchpg {
    position: relative;
}

.back2topbtn, .back2topbtnbrowse {
    display: none;
}

.back2topbtn.show, .back2topbtnbrowse.show {
    display: flex;
    background-color: #03243f;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    margin: 10px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s;
    z-index: 1000;
}

.back2topbtn:hover, .back2topbtnbrowse:hover {
    cursor: pointer;
    background-color: #313f57;
}

.back2topbtn:active, .back2topbtnbrowse:active {
    background-color: #b7b7c2;
}

.back2topbtn img, .back2topbtnbrowse img {
    max-width: 15px;
    margin: 0 auto;
}

.puser {
    margin: 20px 0 0px 0;
    font-size: 10px;
    text-align: center;
}

.puser a {
    text-decoration: underline;
    color: #000;
}

.puser a:active {
    color: #fff;
}

.respectmsg {
    margin: 0 auto;
    width: 70%;
    padding: 20px 0 20px 0;
}

@media only screen and (min-width: 346px) {
    
    .sip .titlel,
    .sip .authorl {
        font-size: 1em;
    }
}

@media only screen and (min-width: 400px) {

    .menu {
        margin-left: 30px;
    }

    .menu a {
        padding: 5px;
        margin: 5px 10px;
    }
    
    .search600.homepg {
        height: 375px;
    }
    
    .titlei,
    .authori {
        width: 150px;
    }
    
    .signincontainer .titlei,
    .signincontainer .authori {
        width: 200px;
    }
    
    .signincontainer select.titlei {
        width: 210px;
    }

    .description img:last-child {
        width: 100%;
    }

    table {
        min-width: 95%;
    }

    /* .profilepg .profileinfo {
        flex-direction: row;
        width: 400px;
        padding: 20px 0;
        align-items: center;
        justify-content: space-around;
    }

    .profilepg .profileinfo img {
        margin-bottom: 0px;
        width: 90px;
        height: 90px;
    }

    .profileinfo .accountdata {
        margin-bottom: 0;
        display: flex;
    }

    .profileinfo .accountdata p {
        align-self: flex-start;
    }

    .profileinfo .accountdata p:last-child {
        margin-top: 5px;
    }

    .profilepg .edit_profile .profileinfoborder {
        display: flex;
        justify-content: center;
    }*/

    /*-----Browse By----------*/

    #browse {
        width: 300px;
        margin: 0 auto;
    }




}




@media only screen and (min-width: 430px) {
    
     .resetpwdpg {
        font-size: 1em;
    }
    

    .contact-us .titlel,
    .contact-us .authorl {
        font-size: 1em;
    }
    
/*    .profilepg .edit_profile {
        font-size: 1em;
    }
    
    .profilepg .subscriptionstatus {
        width: 60%;
    }

} */

@media only screen and (min-width: 450px) {
 
    .phonenum {
    font-size: 1em;
    }   
    
}

@media only screen and (min-width: 550px) {
    
        
    .search600.homepg {
        background: url("img/background2.jpg") no-repeat;
        background-size: cover;
        background-position: top;
    }
    
    .search600.homepg {
        height: 375px;
    }


    .description p {
        width: 75%;
    }

    .description h2 {
        font-size: 1em;
    }

    #footer img {
        max-width: 500px;
        margin: 0 auto;
    }

    .mfooterbook {
        min-width: 100%;
    }

}

@media only screen and (min-width: 600px) {

    .logo2 {
        display: inline-block;
        margin: 0 auto;
        max-width: 400px;
    }

    .logo {
        display: none;
    }

    .aamilne {
        display: none;
    }

    .mobile-search {
        background-color: transparent;
    }

    .logo-icon,
    .logo-icon.mobile-si {
        background: none;
    }
    
    
    .search600.homepg {
        height: 450px;
    }

    .search600.si {
        background: url("img/background2.jpg") no-repeat;
        background-size: cover;
        background-position: top;
        display: flex;
        flex-direction: column;
    }
    
    .aamilne {
        display: none;
    }

    .searchbox {
        flex-direction: row;
        padding-top: 45%;
        padding-bottom: 20px;

    }
    .searchbox .title {
        align-self: stretch;
    }

    .searchform .search {
        margin: 0;
    }

    .author {
        padding-right: 30px;
    }
/*

    .menu {
        order: 2;
        margin-top: 10px;
        background: #816c61;
        font-size: 1.2em;
    }
*/
    
    /*Test Menu*/
    .menu {
        font-size: 1.2em;
    }

    .menu a {
       margin: 5px 30px;
    }    
    

    .mobile-search {
        order: 3;
    }
    
    .signedout {
        display: none;
    }

    .signinpage .menu,
    homepg .menu {
        margin-bottom: 500px;
    }

    .signinpage .logo-icon {
        padding-bottom: 0px;
    }

    .signininfo {
        background: url("img/background-signin.svg") no-repeat;
        background-size: cover;
        background-position: top;
    }

    .quote {
        font-size: 1em;
    }

    .description h2 {
        font-size: 1.5em;
        font-weight: 400;
    }

    .description p {
        font-size: 1em;
        padding-bottom: 60px;
    }


    /*------ Sign In Page ---------*/

    .signincontainer .searchbox {
        flex-direction: column;
        align-items: center;
        padding: 8px 20px;
        min-width: 200px;
    }

    .signincontainer .title {
        align-self: flex-end;
    }

    .titlei,
    .authori {
        width: 140px;
    }
    
    .signincontainer .titlei,
    .signincontainer .authori {
        width: 200px;
    }

    .signincontainer select.titlei {
        width: 210px;
    }
    
    .signincontainer .title,
    .signincontainer .author {
        padding: 10px;
        display: flex;
    }

    .signincontainer .search {
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .booksearchpg .searchbox {
        padding: 0 0;
    }

    .booksearchpg .menu {
        margin-bottom: 10px;
    }

    table {
        font-size: .7em;
    }

    .pwdpg .title {
        padding-top: 30px;
    }

    .pwdpg .search {
        margin-top: 20px;
    }

    .signinpage .menu,
    .homepg .menu {
        margin-bottom: 400px;
    }
    
    .puser {
        font-size: 14px;
    }


}

@media only screen and (min-width: 700px) {
    
    .search600.homepg {
        height: 500px;
    }


    .logo2 {
        max-width: 500px;
    }

    #footer img {
        max-width: 650px;
    }

    .booksearchpg .searchform {
        padding-bottom: 20px;
    }

    .signinpage .menu,
    .homepg .menu {
        margin-bottom: 500px;
    }

    /* .edit_profile {
        min-width: 720px;
        align-self: center;
    } */
    
    .titlei,
    .authori {
        width: 200px;
    }
    
    .searchbox {
        padding-top: 50%;

    }
    
    .respectmsg {
        margin: 0 auto;
        width: 550px;
        padding: 20px 0 20px 0;
    }


}


@media only screen and (min-width: 850px) {

/*
    .menu {
        margin-top: 40px;
        font-size: 1.5em;
    }
*/
    
    .search600.homepg {
        height: 600px;
    }


    .signinpage .menu,
    .homepg .menu {
        margin-bottom: 550px;
    }

    .booksearchpg .menu {
        margin-bottom: 10px;
    }

    .onsearch table {
        font-size: .75em;
    }

    .signedin .active {}


}

@media only screen and (min-width: 1000px) {


    .quote {
        max-width: 600px;
    }

    .description p {
        max-width: 600px;
    }

    .description h2 {
        max-width: 600px;
    }
    

    .searchbox {
        font-size: 1.25em;
        padding-top: 500px;
    }

    .title,
    .author {
        padding-right: 50px;
    }

    .logo-icon img {
        width: 100px;
        padding-top: 20px;
    }

    .search600.si,
    .search600.homepg {
        background: url("img/background3.jpg") no-repeat;
        background-size: 1800px;
        background-position: top center;
    }
    
    .search600.homepg {
        height: 650px;
    }

    .search600.signinpage.signininfo {
        background: url("img/background-signin.svg") no-repeat;
        background-size: 1800px;
        background-position: top center;
    }
    
    .signincontainer .titlei,
    .signincontainer .authori {
        width: 250px;
    }
    
    .signincontainer select.titlei {
        width: 260px;
    }

    /*------ Sign In Page ---------*/

    .signincontainer .search {
        margin-top: 20px;
    }

    .signincontainer .searchbox p:last-child {
        font-size: .7em;
    }

    .mfooterbook {
        display: none;
    }

    .footer {
        background: url("img/book_footer-w.svg") no-repeat;
        background-size: 2000px;
        background-position: top center;
    }

    .footer .logo-footer {
        padding-top: 100px;
    }

    .onsearch table {
        min-width: 1000px;
    }

    .contact-us .signincontainer .titlei,
    .contact-us .signincontainer .authori {
        width: 400px;
    }

    .contact-us .commentsi {
        height: 150px;
    }


}

@media only screen and (min-width: 1200px) {
/*
    .menu {
        justify-content: center;

    }

    .menu a {
        padding: 5px 125px;
    }
*/



    .footerbook {
        display: inline;
    }

    .mfooterbook {
        display: none;
    }

}