@charset "UTF-8";
@import url("styles.css");
@import url("styles.css");
@import url("KoffeeFacts.html.css");
@import url("KoffeeFormPage.html.css");
@import url("KoffeeMenuPage.html.css");
*, *:before, *:after{
	box-sizing: border-box;
}
.flexRoastParent .roasts ul {
	padding-left: 15px;
}
header a img {
	float: left;
	margin-right: 31px;
	margin-bottom: 37px;
}

header h1 {
	padding-top: 50px;
	padding-left: 0px;
	color: #E3D3BE;
	margin-top: 0px;
}
#container {
	background-color: rgba(106,46,24,0.92);
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 70px;
	padding-right: 70px;
}
nav {
	clear: both;
	color: D9C3A7;
	/* [disabled]padding-left: 95px; */
	/* [disabled]text-align: center; */
}
header ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}
header li {
	/* [disabled]float: left; */
		}
header li a {
	display: block;
	color: brown;
	padding: 8px;
	background-color: #E3D3BE;
		}
header li a:hover {
			background-color: #111;
		}
#topnav {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	list-style-type: none;
	color: #E3D3BE;
	margin-left: 100px;
}
#topnav li {
	display: inline-block;
	margin-left: 30px;
	font-size: 1.1em;
	text-transform:uppercase;
}
header  {
	padding-bottom: 15px;
	border-bottom: 2px solid #221818;
}
main  {
	padding-bottom: 30px;
	padding-left: 70px;
	padding-right: 70px;
}
#homeImg {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
footer {
	margin-top: 30px;
	border-top: 2px solid #221818;
}
footer h1 {
	color: #D9C3A7;
	font-size: 1.2em;
	text-align: center;
}
form {
	color: #D9C3A7;
}
footer img {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
body {
	background-image: url(COFFEEBEAN%20BACKGROUND.jpeg);
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: rgba(227,211,190,1.00);
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}
header {
	padding-top: 26px;
	padding-bottom: 34px;
}
#medRoast {
	margin-left: 170px;
}
#DarkRoast {
	margin-left: 177px;
}
.flexRoastParent {
	display: flex;
}
.flexRoastParent .roasts {
	flex-basis: 33%;
}
footer h1{
	font-family: 'Dancing Script', cursive;
}