@media (max-width: 400px) {
  /* CSS that should be displayed if width is equal to or less than 400px goes here */
	.menuLogo {
	  height:48;
	  width:103;  
	}
	h1{
		font-family: "Bahnschrift";
		font-stretch: condensed;
		font-weight: 350;
		font-size: 32px;
		color: #FFFFFF;	
	}
	.booksDiv {
	  width:200px;
	  align:center;  
	}
	.viewport-img {
	  width: 88vw;     /* The image will always occupy exactly 25% of the screen's width */
	  height: auto;    /* Keeps the image from stretching out of proportion */
	}

}
@media (min-width: 401px) {
  /* CSS that should be displayed if width is greater than or equal to 401px goes here */
	h1{
		font-family: "Bahnschrift";
		font-stretch: condensed;
		font-weight: 350;
		font-size: 60px;
		color: #FFFFFF;	
	}
	.booksDiv {
		height: auto;
		display: flex;  
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.viewport-img {
	  width: 28vw;     /* The image will always occupy exactly 25% of the screen's width */
	  height: auto;    /* Keeps the image from stretching out of proportion */
	}
}


body {
	font-family: "Bahnschrift";
	font-size: 20px;
	background: #00778D url("../images/background-fade.jpg") repeat-x top fixed;
	color: #FFFFFF;
	margin: 0;
	padding: 0;
}



.bahnschrift-light-condensed {
    font-family: "Bahnschrift", sans-serif;
    font-variation-settings: "wght" 300, "wdth" 75;
}

a{
	color: #94C351;
	text-decoration: none;
}
a:hover{
	color: #00778D;
	text-decoration: underline;
}

h2{
	font-family: "Bahnschrift";
	font-stretch: condensed;
	font-weight: 350;
	font-size: 32px;
	color: #FFFFFF;	
	margin-bottom: 0;
	padding-bottom: 0;
}
th, td {
	top: 0%;
	font-family: "Bahnschrift";
	font-stretch: condensed;
	font-weight: 350;
	font-size: 16px;
}
.homelogo {
	max-width: 100%;
}
.books {
	padding: 20px;
	font-size: 20px;

}
input {
	font-size: 16px;
	border-radius: 8px;
	padding: 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
/*Cookie Consent Begin*/
.clsCookieConsent {
    background-color: #333333;
    min-height: 26px;
    font-size: 16px;
    color: #ccc;
    text-align: center;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Bahnschrift SemiLight"
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
	display: none;
    z-index: 9999;
}
/*Cookie Consent End*/