/*####################### SET 768 ######################*/
@media screen and (max-width: 980px) {

	.wrapper {
		width: 740px;
		margin-left: calc(50% - 370px);
		/*border: 1px solid #00f;*/
	}



/*####################### SET 768 ######################*/
@media screen and (max-width: 800px) {

	.wrapper {
		width: 560px;
		margin-left: calc(50% - 280px);
		/*border: 1px solid #00f;*/
	}

	body{
		font-size: 13pt;
	}

}
/*####################### SET 420 ######################*/
@media screen and (max-width: 600px) {

body{
		font-size: 12.5pt;
}

	h1, h2{
		font-size: 130%;
	}

	h3, h4{				/*======== books list */
		font-size: 110%;
	}

	hr{
		margin: 16px 0 12px 0;
		height: 3px;
	}

/*================ BASE 320 ================*/
	.wrapper {
		/*box-sizing: border-box;*/
		width: 94%;
		margin-left: 3%;
		/*left: calc(50% - 160px);*/
		/*border: 1px solid #F00;*/
	}

	#head-img {
		width: 92%;
		height: auto;
	}


.books img {		/*====icons on main page */
	height: 14px;
}

/*============= books list */

	.sh-l-10 { margin-left: 7%;  width: 85%;}
	.sh-l-20 { margin-left: 15%; width: 76%;}
	.sh-l-25 { margin-left: 17%; width: 72%;}


}