/*Color Scheme
Sunflower: #E5C85B
Yellow: #EADF49
Blood Red: #E64535
Pale White: #FEFAEB
Gray: #6B6866
Cream: #E5BE66;
*/

@media screen and (min-width: 1001px)
{
nav {text-align: center;
  font-family: "Cinzel", serif;
  font-weight: 500;
  font-style: normal;
}

h1 {text-align: center;
  font-family: "Quintessential", serif;
  font-weight: 400;
  font-style: italic;
    margin: 0px; 
    padding-bottom: 20px; 
}


h2 {text-align: center; font-family: .nova-flat-regular; 
  font-family: "Nova Flat", system-ui;
  font-weight: 400;
  font-style: normal; }

h3{}

h4 {}

.homep {
  font-family: "Sofia Sans Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal; 
text-align: center;
padding: 0 150px;
font-size: 18px;}
    
p {text-align: center; }
    
    .image-center {text-align: center; margin-right: auto; margin-left: auto; }
    
    img {border-radius: 15px; border-color: #E64535}
    
    .shopimg {margin-right: auto; margin-left: auto; text-align: center; }

body {background-color:#FEFAEB; border-radius: 5px; border-style:double; border-color: #E5BE66; padding: 0px; }

ul {text-align: center; }
    
    #wowslider-container1 {z-index: 1;}

header {background-color: #E5BE66; padding-top: 20px; }
    
    main {padding-top: 20px;}
    
     .bookmain {padding-top: 20px; width: 1000px; margin-left:auto; margin-right: auto; }

footer {text-align: center; clear: both;}
    
    .clear {clear:both;}

.logoimage {display: block; margin-left: auto; margin-right: auto; width: 400px; height: 250px; color: #E5BE66; border-color: #E5C85B; border-radius: 15px; border-style:inset;}

.homepic {float:right; width: 800px; padding: 13px 40px; border-radius: 15px; border-color: #E5C85B; }

.homepic2 {float:left; width: 800px; padding: 20px 40px; border-radius: 15px;}
    
.bookpic {float:right; width: 400px; padding: 20px 40px; border-radius: 15px; border-color: #E5C85B; }

.bookpic2 {float:left; width: 400px; padding: 20px 40px; border-radius: 15px;}

.homeSC {float: left; padding-left: 30px; padding-right:50px; }
    
    .flex-container {display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-around;}
    
    .section {flex: 20%;
max-width: 20%;
text-align: center;}

#primary_nav_wrap
{
	margin-top:15px
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	margin: 0 auto ; width: 750px; height: 50px;
	padding: 0;
    text-align: center;
    z-index: 99;
}

#primary_nav_wrap ul a
{
	display:inline-block; width: 150px;
	color: #E64535;
	text-decoration:none;
	font-weight:600;
	font-size:15px;
	line-height:32px;
	padding:0 0;
	font-family: 
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
    color: #E64535; 
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li:hover{
	background:#f6f6f6
}

#primary_nav_wrap ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0; 
	padding:0
}


#primary_nav_wrap ul ul li{
	float:none;
	width:200px;
    background-color:white;
}

#primary_nav_wrap ul ul a{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul{
	display:block
}
}


@media screen and (max-width: 1000px)

{
 nav {text-align: center;
  font-family: "Cinzel", serif;
  font-weight: 500;
  font-style: normal;
     width: 100%; 
}
    
section {
flex: 100%;
max-width: 100%;
text-align: center;
}

h1 {text-align: center;
  font-family: "Quintessential", serif;
  font-weight: 400;
  font-style: italic;
    margin: 0px; 
    padding-bottom: 20px; 
}


h2 {text-align: center; font-family: .nova-flat-regular; 
  font-family: "Nova Flat", system-ui;
  font-weight: 400;
  font-style: normal; }

h3{}

h4 {}

p {
  font-family: "Sofia Sans Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal; 
text-align: center;
padding: 0 15px;
font-size: 18px;}

body {background-color:#FEFAEB; padding: 0px; }

ul {text-align: center; }

header {padding-top: 20px; background-color: #E5BE66; background-size: auto;}

footer {text-align: center; clear: both;}

.logoimage {margin-left: auto; margin-right: auto; display: block; width: 450px; height: 250px; color: #E5BE66; border-color: #E5C85B; border-radius: 15px; border-style:inset;}

.homepic { width: 100%; padding: 3px 10px; border-radius: 5px; border-color: #E5C85B; }
    
    .homepic img {height:600px; width:500px; }

.homepic2 { width: 100%; padding: 3px 10px; border-radius: 5px;}
    
    .homepic2 img {text-align: center; }
    
.homeSC {float: left; padding-left: 30px; padding-right:50px; }

#primary_nav_wrap
{
	margin-top:15px
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	margin: 0 auto ; width: 750px; height: 50px;
	padding: 0;
    text-align: center;
}

#primary_nav_wrap ul a
{
	display:inline-block; width: 150px;
	color: #E64535;
	text-decoration:none;
	font-weight:600;
	font-size:15px;
	line-height:32px;
	padding:0 0;
	font-family: 
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
    color: #E64535; 
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li.current-menu-item{
	background:#ddd
}

#primary_nav_wrap ul li:hover{
	background:#f6f6f6
}

#primary_nav_wrap ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0; 
	padding:0
}


#primary_nav_wrap ul ul li{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul{
	display:block
}
}