/*books*/
	#books {margin: 100px 0;}
	#books .container {display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px;}
	
	.book .image {filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.15)); border-radius: 10px; margin-bottom: 20px; width: 100%; height: 350px; overflow: hidden;}
	.book h4 {font-weight: 400; font-size: 20px; line-height: 150%; margin-bottom: 20px;}
	.book p {display: inline-block; vertical-align: middle; font-weight: 600; font-size: 20px; line-height: 150%;}
	.book a {font-weight: 400; font-size: 16px; line-height: 150%; color: #B50C1E; padding-bottom: 5px; border-bottom: 1px solid #B50C1E; display: inline-block; vertical-align: middle; float: right;}

	.btn_fixed {display: none;}
/*books*/
/*adaptiv*/
	@media (min-width: 320px) and (max-width: 767px){
		#books .container {grid-template-columns: 1fr;}
		#books .container .book {padding: 0 10px;}
	}
	@media (min-width: 425px) and (max-width: 767px){
		.book .image {height: 450px;}
	}
	@media (min-width: 768px) and (max-width: 1023px){
		#books .container {grid-template-columns: repeat(3, 1fr);}
		#books .container .book {padding: 0 10px;}
	}
	@media (min-width: 1024px) and (max-width: 1179px){
		#books .container .book {padding: 0 10px;}
		
	}
/*adaptiv*/