@import url(https://fonts.googleapis.com/css?family=Open+Sans|Cormorant+Unicase:400,700);
* {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: #FFFFFF;
}

.header_wrap {
	height: auto;
	width: 100%;
	background-image: url(../imgs/nature-bkg.jpg);
}
.header_container {
	margin: 0 auto;
	width: 1400px;
	height: 300px;
	display:table;
}
.header_container h2 {
  	font-family: 'Cormorant Unicase', serif;
	font-size: 4em;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 4px;
	margin-top: 40px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-shadow: 2px 2px 6px #222;
}
.header_container h3 {
  	font-family: 'Cormorant Unicase', serif;
	font-size: 5em;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 4px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-shadow: 2px 2px 6px #222;
}
.header_container p {
  	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 4px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-shadow: 2px 2px 6px #222;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 15%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  display: block;
  transition: 0.3s;
    font-family: 'Cormorant Unicase', serif;
	font-size: 2.250em;
	font-weight: 700;
	color: #FFFFFF;
	letter-spacing: 2px;
	cursor:pointer;
}

.overlay a:hover, .overlay a:focus {
  color: #CBF915;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
.menutxt {
  	font-family: 'Cormorant Unicase', serif;
	font-size: 2em;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 2px;
	cursor:pointer;
}
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}



.tagline_wrap {
	height: auto;
	width: 100%;
	background-color:#DCDCDC;
}
.tagline_container {
	margin: 0 auto;
	width: 1400px;
	height: auto;
	display:table;
}
.tagline_container h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 3.500em;
	font-weight: 700;
	color: #484848;
	text-align: left;
	letter-spacing: 0px;
	margin: 6px;
}
.tagline_container h2 {
	font-family: 'Cormorant Unicase', serif;
	font-size: 2.750em;
	font-weight: 700;
	color: #335200;
	text-align: left;
	letter-spacing: 2px;
	padding-bottom: 6px;
}

.books_wrap {
	height: auto;
	width: 100%;
	background-color: #DCDCDC;
}
.books_container {
	position: relative;
	margin: 0 auto;
	width: 1400px;
	height: auto;
	display: table;
}
.books_container img {
	box-shadow: 4px 4px #989898;
}
.books_container h4 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.000em;
	font-weight: 400;
	text-align: center;
	color: #CBF915;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	letter-spacing: 2px;
}
.books_container h4 a:link, .books_container h4 a:visited {
	color: #CBF915;
	text-decoration: none;
	font-weight: 700;
}
.books_container h4 a:hover {
	color: #BEBEBE;
	text-decoration:none;
}
.row > .column {
  padding: 0 8px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.column {
  float: left;
  width: 25%;
}

.container {
  position: relative;
  width:100%;
}

.text-block {
  position: absolute;
  bottom: 25%;
  right: 25%;
  background-color:rgba(0,0,0,0.7);
  padding-left: 40px;
  padding-right: 40px;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 250px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.cardlrg {
  max-width: 600px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.title {
  color: grey;
  font-size: 18px;
}

button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: #CBF915;
  background-color: #484848;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

a {
  text-decoration: none;
  font-size: 22px;
  color: black;
}

button:hover, a:hover {
  opacity: 0.7;
}

.home_content_wrap {
	height: auto;
	width: 100%;
	background-color: #FFFFFF;
}
.home_content_container {
	margin: 0 auto;
	width: 1400px;
	height: auto;
	display: table;
}
.home_content_left {
	margin: 0 auto;
	width: 40%;
	height: auto;
	float: left;
}
.home_content_left img {
	margin: 20px;
}
.home_content_right {
	margin: 0 auto;
	width: 60%;
	height: auto;
	float: left;
}
.home_content_container h1 {
	font-family: 'Cormorant Unicase', serif;
	font-size: 3em;
	font-weight: 400;
	color: #222;
	text-align: left;
	letter-spacing: 2px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.home_content_container p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.000em;
	font-weight: 400;
	text-align: left;
	color: #333;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 140%;
	letter-spacing: 2px;
}
.home_content_container p a:link, .home_content_container p a:visited {
	color: #333;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.875em;
}
.home_content_container p a:hover {
	color: #335200;
	text-decoration:none;
}

.spacer {
	height: 40px;
	width: 100%;
	background-color: #DCDCDC;
}

.about_wrap {
	height: auto;
	width: 100%;
	background-color: #FFFFFF;
}
.about_container {
	margin: 0 auto;
	width: 1400px;
	height: 400px;
	display: table;
}
.about_left {
	margin: 0 auto;
	width: 40%;
	height: auto;
	float: left;
}
.about_left img {
	margin: 20px;
}
.about_right {
	margin: 0 auto;
	width: 60%;
	height: auto;
	float: left;
}
.about_container h1 {
	font-family: 'Cormorant Unicase', serif;
	font-size: 3em;
	font-weight: 400;
	color: #222;
	text-align: left;
	letter-spacing: 2px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.about_container h2 {
	font-family: 'Cormorant Unicase', serif;
	font-size: 2.500em;
	font-weight: 400;
	color: #222;
	text-align: left;
	letter-spacing: 2px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.about_container h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.500em;
	font-weight: 400;
	color: #222;
	text-align: left;
	letter-spacing: 2px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.about_container p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.000em;
	font-weight: 400;
	text-align: left;
	color: #333;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 140%;
	letter-spacing: 2px;
}
.about_container p a:link, .about_container p a:visited {
	color: #333;
	text-decoration: none;
}
.about_container p a:hover {
	color: #DAA86C;
	text-decoration:none;
}
.smtext {
	font-size: 0.750em;
	font-weight: 400;
	text-align: center;
	color: #333;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	letter-spacing: 2px;
}
#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 10px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: rgba(19,10,0,0.7); /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 12px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
    font-size: 1.125em; /* Increase font size */
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

#myBtn:hover {
    background-color: #006; /* Add a dark-grey background on hover */
}
.footer_wrap {
	height: auto;
	width: 100%;
	background-image: url(../imgs/footer-bkg.jpg);
}
.footer_container {
	margin: 0 auto;
	width: 1400px;
	height: 220px;
	display:table;
}
.footer_container h2 {
  	font-family: 'Cormorant Unicase', serif;
	font-size: 4em;
	font-weight: 700;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 4px;
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-shadow: 2px 2px 6px #222;
}
.footer_container h3 {
  	font-family: 'Cormorant Unicase', serif;
	font-size: 5em;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 4px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-shadow: 2px 2px 6px #222;
}
.footer_container p {
  	font-family: 'Open Sans', sans-serif;
	font-size: 2em;
	font-weight: 400;
	color: #FFFFFF;
	text-align: center;
	letter-spacing: 4px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	text-shadow: 2px 2px 6px #222;
}