body, html{
	background:url(../images/background2.jpg) ;
	background-color:#071959;
	background-position: center top;
  background-repeat: no-repeat;
  background-size:100% auto;
  font-family:'Merriweather', serif;
}
.handwriting{
	font-family: 'Caveat', cursive;
	font-weight:bold;
	font-size:24px;
}
#body-main {
	
}
.bodyinner{
	background-color:#ede6d3;
	border-radius:15px;
}
.bodyouter{
	background-color:#c1a45e;
	border:3px solid #000;
	border-radius:15px;
	padding:15px 30px;
}
.headquote{
	color:#fff;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
.toplink{
	background-color:#c1a45e;
	text-align:center;
	color:#fff;
	display:block;
	transition:background-color .2s;
	}
.toplink:hover{
	background-color:#000;
	text-decoration:none;
	color:#fff;
}
.col-2:first-child .toplink{
	border-radius:10px 0 0 0;
	border:2px solid #000;
}
.col-2:nth-child(2) .toplink{
	border-radius:0 10px 0 0;
	border:2px solid #000;
	border-left:none;
}
.col-2:nth-child(3) .toplink{
	border-radius:10px 0 0 0;
	border:2px solid #000;
	border-right:none;
}

.col-2:last-child .toplink{
	border-radius:0 10px 0 0;
	border:2px solid #000;
}
.toplinkrow{
	border-bottom:20px solid #000;
	margin-bottom:-18px;
}
.navouter{
	background-color:#c1a45e;
	border-bottom:20px solid #000;
	margin-bottom:-18px;
}
.quote{
	margin-bottom:-20px;
}
footer{
}
.footerlink{
	color:#FFF;
}
.footerlink:hover{
	color:#c1a45e;
}
.quoteouter{
	position:relative;
}
.bookface{
	position:absolute;
	right:-10px;
	bottom:25px;
}
.btn{
	background-color:#071959;
	color:#c1a45e;
	
}
.btn:hover{
	background-color:#071959;
	color:#fff;
}

/**NAVBAR**/

.navbar { /* navbar styles */	
	padding:0 1rem;
}

.nav-link { /* top level link */
  color:#fff;
  font-size:22px;
}
h1{
	text-align:center;
}
h2{
	text-align:center;
}
h3{
	text-align:center;
}
h4{
	text-align:center;
}
h5{
	text-align:center;
}
.nav-link:hover {
  color:#00F; /* top level link hover */
}

.dropdown-menu { /* dropdown menu styles */
	background:#FFF;
}

.dropdown-item { /* dropdown link */
	 color:#fff;
}

.dropdown-item:hover { /* dropdown link hover */
	 color:#FFF;
	 background:#00F;
}

.navbar-toggler { /* styles the mobile nav button border */
	border-color:#fff;
	border-radius:8px;
}

.navbar-toggler-icon { /* sets color of the mobile nav button lines, only edit the "stroke='rgb(0,0,0)'" value */
	  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

/* mobile nav styles */
@media (max-width: 767px) {
	.navbar { /* navbar styles */
		padding:.25rem 1rem;
	}
	
	.nav-link { /* top level link */
		text-align:left;
		font-size:25px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
	
	.dropdown-menu { /* dropdown menu styles */
		padding-top:0;
		padding-bottom:0;
		background:none;
		border:none;
	}
	
	.dropdown-item { /* dropdown link */
		padding-top:10px;
		padding-bottom:10px;
		font-size:18px;
		border-bottom:1px solid rgba(0,0,0,0.2);
	}
}

/**END NAVBAR**/



/************************/
/**SIZE SPECIFIC STYLES**/
/************************/

/**COMBINATIONS**/

/**SM & DOWN*/
@media (max-width: 767px) {
.footlogo{
	max-width:350px;
}	
}

/**MD & DOWN*/
@media (max-width: 991px) {
	
}

/**LG & DOWN**/
@media (max-width: 1199px) {
	
}

/**MD & UP*/
@media (min-width: 768px) {

	
}

/**LG & UP**/
@media (min-width: 992px) {

}

/**INDIVIDUAL SIZES**/

/**XS**/
@media (max-width: 575px) {

}

/**SM**/
@media (min-width: 576px) and (max-width: 767px) {

}

/**MD**/
@media (min-width: 768px) and (max-width: 991px) {

}

/**LG**/
@media (min-width: 992px) and (max-width: 1199px) {

}

/**XLG**/
@media (min-width: 1200px) {

}