@media screen and (max-width: 900px) {
    #bookarea {
        margin: 0.4rem;
        padding: 0.3rem;
    }
}
@media screen and (max-width: 800px) {
    .nav-link {
        padding: 10px;
    }
    #bookarea {
        margin: 0.2rem;
        padding: 0.1rem;
    }
}
@media screen and (max-width: 500px) {
    #bookarea {
        top:0px;
    }
}