/* min-width задает минимальную ширину окна браузера или экрана */
/* когда min-width будет больше или равна 600 px */

@media screen and (min-width: 1200px) {
h1 {
        font-size: 2.6rem;
        width: 57%;    
      }


.logo {
    width: 170px;
    height: auto;
    margin-top: 40px;
}      
.logo_2 {
        width: 320px;
        float: right;
        margin-top: 50px;
        }

p {
	margin: 0 0 15px;
    font-size: 1.1rem;
    /* color:red; */
    line-height: 26px;
}

li {
margin-left: 43px;
font: 1.1rem Arial,sans-serif;
line-height: 26pt;
}

.lstbook_single-wrapper {
width: 93%;
margin: 0 auto;
/* border: solid 1px red; */
padding: 10px 0px;
overflow: hidden;
}

a.allbook {
width: 300px;
font-size: 2.0rem
}

.lstbook-title {
font-size: 1.0rem;
}

a.lstba {
font-size: 1.1rem;
font-weight: bold;
}

.alph a {
font-size: 1.8rem;
padding: 10px 20px;
}

.center {
/* border: solid  1px red; */
margin: 10px auto;
font-size: 1.2rem;
}

.footer p, .footer p a {
font-size: 1.2rem;
}


.topnav, .desc {
width: 96%;}

 }

 @media screen and (min-width: 1400px) {
    h1 {
        font-size: 3.3rem;
        width: 60%;    
        line-height: 60pt;
      }


.logo {
    width: 170px;
    height: auto;
    margin-top: 40px;
}      
.logo_2 {
        width: 320px;
        float: right;
        margin-top: 50px;
        }
 }