/* Created by http://freehtml5templates.com */

/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
line-height: 1;
background: #fefae0;
font-family: 'Montserrat', sans-serif;
color: #666;
font-size: 15px;
line-height: 20px;
}
	
/* layout */

#wrapper {
width: 940px;
margin: 0 auto;
margin-top: 20px;
}

nav {
width: 940px;
height: 52px;
margin: 0 auto;
background: #606c38;
}

header {
width: 940px;
height: 200px;
margin: 0 auto;
background: #fff url(images/apple_biscotti_banner.png) no-repeat left top;
}

#main {
width: 940px;
margin: 0 auto;
padding-top: 20px;
background: #FFF;
overflow: hidden;
}

#content {
float: left;
width: 660px;
margin: 10px 30px 10px 30px;
}

#sidebar {
float: left;
padding-left: 20px;
width: 200px;
}

footer {
width: 900px;
margin: 0 auto;
padding: 20px;
clear: both;
background: #283618;
color: #ffebdc;
font-size: 13px;
text-align: center;
}

/* basics */

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
clear: both;
color: #da92aa;
}

a:link, a:visited {
color:#CCd5ae;
text-decoration: none;
}

a:hover, a:active {
color: #e9edc9;
text-decoration: underline;
}

p {
margin-bottom: 18px;

}

li {
padding-left: 5px;
}

.q {
	border: 1px solid #da92aa;
	padding: 1rem;
	margin-bottom: 1rem;
}

/* nav */

nav .menu {
font-size: 12px;
font-weight: normal;
}

nav .menu ul {
margin: 0;
padding: 17px 0 0 20px;
list-style: none;
line-height: normal;
}

nav .menu li {
display: block;
float: left;
}

nav .menu a {
display: block;
float: left;
margin-right: 5px;
padding: 0px 17px;
text-decoration: none;
color: #fff;
}

nav .menu a:hover {
text-decoration: underline;
}

/** HEADER */

/** ARTICLES **/

article {
margin: 0;
}

article img {
border: none;
}

#content p, ul, ol, hr {
margin-bottom: 24px;
}

#content ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}

#content h1, h2, h3, h4, h5, h6 {
color: #da92aa;
margin: 0 0 20px 0;
line-height: 1.5em;
font-family: 'Bangers', cursive;
letter-spacing: 1px;
}

#content h1 {
	font-size: 30px;	
}

#content .smallbutton {
	float: left;
	margin-right: 45px;
	margin-bottom: 24px;
}

#content .smallbuttonlast {
	float: left;
	margin-right: 0;
	margin-bottom: 24px;
}

.newimages  {
	gap: 3rem;
}

.fullpicnic, .new, .review {
    margin-top: 2rem;
	margin-left: 3rem;
}

.fullpicnic, .review {
	margin-bottom: 2rem;
}

.picnic p {
	margin-right: 1rem;
}

.fullpicnic div {
	width: calc((100% / 2) - (1rem / 3));
}

.ingredients  {
	width: calc((100% / 1) - (1rem / 3));
	gap: 6rem;
	margin-left: 5rem;
}

.ingredients div {
	border: 1px solid #da92aa;
	padding: 1rem;
	margin-bottom: 1rem;
	padding-left: 3rem;
}

.history {
	margin-bottom: 3rem;
}

.history p {
	margin-left: 4rem;
}



.review div, .history div {
	width: calc((100% / 1) - (1rem / 1));
}

.review p {
	width: 60ch;
	margin-right: 2rem;
}

.review a {
	color: #da92aa;
	text-decoration: underline;
	font-size: 19px;
	font-size: 600;
}

/* sidebar and footer widget blocks */


.flex {
	display: flex;
	flex-direction: row;
	justify-content: center;
}

img {
	margin-bottom: 1rem;
}

 .footer-area ul {
	margin: 0;
	padding: 17px 0 0 20px;
	list-style: none;
	line-height: normal;
	padding-bottom: 1rem;
	}
	
 .footer-area a {
	display: block;
	margin-right: 5px;
	padding: 0px 17px;
	text-decoration: none;
	color: #ffebdc;
	}
	
.footer-area a:hover {
	text-decoration: underline;
	}