/*------------------ Start of section to change nav bar contents based on screen size and page ------------------*/ 
@media screen {
	.dropnav {display:none;} 
	.navv1, .navv2, .navv3, .navv4, .navv5 {display:none;}
}
@media screen and (max-width:426px) {
	.navh2 {display:none;}
	.navv2 {display:inline-block;}
}
@media screen and (max-width:626px) {
	.navh1 {display:none;}
	.navv1 {display:inline-block;}
} 
@media screen and (max-width:826px) {
	.navh3 {display:none;}
	.navv3 {display:inline-block;}
} 
@media screen and (max-width:1026px) {
	.navh4, .navh5 {display:none;}
	.dropnav {display:block;}
	.navv4, .navv5 {display:inline-block;}
} 
/*------------------ End of section to change nav bar contents based on screen size and page -------------------*/ 
.orgshelf {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:center;
}
.books {
	display:inline-block;
	max-width:20vmin;
	max-height:20vmin; 
	margin: 2vmin;
}
/*
.books:hover{
	max-width:30vmin;
	max-height:30vmin;
}
*/
@media screen and (max-width:1600px) {
	.books { max-width:22vmin; max-height:22vmin; }
}
@media screen and (max-width:1200px) {
	.books { max-width:24vmin; max-height:24vmin; }
}
@media screen and (max-width:992px) {
	.books { max-width:26vmin; max-height:26vmin; }
}
@media screen and (max-width:768px) {
	.books { max-width:28vmin; max-height:28vmin; }
}
@media screen and (max-width:576px) {
	.books { max-width:30vmin; max-height:30vmin; }
}