 @media only screen and (min-width: 0px) and (max-width: 500px){
    .wrapper h1{font-size: 18px;}
    .wrapper .book{text-align: center;font-size: 17px;}
}
@media only screen and (min-width: 501px) and (max-width: 800px){
    .wrapper h1{font-size: 18px;}
    .wrapper .book{text-align: center;font-size: 17px;}
}