@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/

/*  Header Start  */

.header {
	/*background-image: url("../images/recommendedreadingbanner.jpeg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;*/
	background-color: #EEE9DA;
}

.headerlogo {
	display: block;
	margin: 0px auto;
	
}

.headerlogo:hover {
	cursor: pointer;
}

@keyframes logotest {
	from {opacity: 1}
	to {opacity: 0}
}


.shadowbox {
	margin-top: 10px;
	border: solid 0.1px #777777;
	box-shadow: 0px 2px 3px 0px #777777;
}

.headermenu {
	text-align: center;
	margin: 5px auto;
	padding: 0px 0px 5px 0px;
	position: relative;
	border-bottom: solid 0.1px #777777;
	box-shadow: 0px 6px 3px 1px #777777;
}

li.headermenuli {
	margin-right: 15px;
	margin-left: 15px;
	cursor: pointer;
}

li.headermenuli:hover {
	color: #0A434C
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	color: #0A434C;
}

/*  Header End  */

/*----------------------------------------------------------------------*/

/*  Large Screen Start  */

@media (min-aspect-ratio: 1) {
	
/*-------------------------*/	
	
.header {
	height: auto;
	width: 100%;
}
	
.headermenu {
	width: 100%;
}
	
li.headermenuli {
	font-size: 30px;
	display: inline;
}
	
#menubutton {
		
	display: none;
	
	}
	
.headerlogo {
	width: 168.5px;
	height: 200px;
	
}

	
/*------------------------*/	
	
}

/*  Large Screen End  */

/*-----------------------------------------------------------------------*/

/*  Small Screen Start  */

@media (max-aspect-ratio: 1) {
	
/*---------------------------*/	
	
.header {
	height: auto;
	width: 100%;
}
	
.headermenu {
	width: 100%;
}
	
li.headermenuli {
	font-size: 70px;
}
	
#menubutton1, #menubutton2, #menubutton3, #menubutton4, #menubutton5, #menubutton6 {
		
	display: none;
		
}
	
.headerlogo {
	width: 200px;
	height: 231.5px;
	
}
	
/*--------------------------*/	
	
}

@keyframes menureveal {
	from {display: none}
	to {display: block}
}
/*  Small Screen End  */