@charset "utf-8";
/* CSS Document */
	.books1, .books2, .KS3image{
display:inline;
}

@media (max-width:900px) {
    .books2 {
display: none;
}
} 	
.rowBook{
	display: block;
		margin: auto;
		border-spacing:10px;
	width:96%;
	max-width: 1300px;
		  padding: 0px;
     background-color:#222;
     vertical-align: middle;
	}
	
	.rowBook2{
	display: table;
		margin: auto;
	width:98%;
	max-width: 1300px;
	border-spacing:10px 4px; 
	}

	.columnBook2 {
	 display: table-cell;
   padding: 4px;
     width:100%;
	    background-color:#222;
        vertical-align: middle;
	}
	.rowBook3{
	margin: 30px auto;
		width:95%;
	max-width: 1094px;
	  background-color:#181818;
	border:1px solid #ddd;
	padding: 2px;
	vertical-align: middle;
	}
	.rowBook4{
	margin: auto;
		width:90%;
	max-width: 1300px;
	  background-color:#171717;
	border:1px solid #ddd;
	padding: 2px;
	vertical-align: middle;
	}
	
	.booksCell, .booksCell2 { align-content:center;
	width:35%;
		max-width: 160px;
}
.bookLink {
    display:block;
    text-decoration: none; 
	width: 80%;
      padding: 2% 10%;
   text-align: center;
   cursor:pointer;
   overflow:auto;
   background-color: #335599;
	border:1px solid #eee;
transition: 0.3s;	
     }
 .bookLink:hover {
    background-color: #3366aa;
	text-decoration: none;	
}
.GGEbookImage{
width: 60px;
border: 1px solid #bbbbbb;	
image-rendering: -webkit-optimize-contrast;	
}
@media (max-width:800px) {
    .booksCell {
display: none;
}
.rowBook4{
		width:96%;
} 
.rowBook3{
margin: 20px auto;
} 	
}
@media (max-width:700px) {
    .rowBook2, .columnBook2, .booksCell2, #slideshow {
display: none;
}
}