/* CSS Document */
@font-face {
    font-family: 'Hertical Sans Rough';
    src: url('Images/Hertical Sans Rough.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
#gAndF {
	width: 1080px;
	margin-left: auto;
	margin-right: auto;
	background-color: #333333;
}
header {
	background-color: #333333;
	width: 1080px;
}
nav  {
	float: right;
	list-style-type: none;
	display: inline-block;
	margin-top: 22px;
	font-family: "Hertical Sans Rough";
	color: #FFFAF8;
	margin-right: auto;
	padding-right: 40px;
	margin-left: auto;
}
ul {
	list-style-type: none;
}
nav ul li {
	display: inline-block;
	padding-left: 40px;
}
header img {
	padding-left: 40px;
}
footer {
	background-color: #333333;
	text-align: center;
	margin-top: 0px;
	padding-top: 0px;
}
footer img {
	margin-left: -344px;
	padding-top: 4px;
}
#beans  {
	opacity: 0.74;
	margin-bottom: -23px;
	padding-bottom: 0px;
}
#main {
	margin-left: auto;
	margin-right: auto;
	width: 1090px;
}
#container {
	margin-left: auto;
	margin-right: auto;
	width: 1080px;
}
a:link   ,a:active {
	color: #FFFAF8;
}
a:hover, a:active {
	color: #FFFAF8;
}
a {
	color: #FFFAF8;
}
#bigLogo {
	margin-left: -51px;
	margin-top: -607px;
	opacity: 0.99;
}
article h2 {
	font-family: "Hertical Sans Rough";
	color: #3A524A;
	margin-top: 54px;
}
#geographyAndFruit {
	display: flex;
}
p {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	width: 496px;
	text-align: center;
	padding-left: 94px;
	color: #FFFAF8;
	font-size: small;
	margin-top: 51px;
}
article p {
	width: 107px;
	color: #3A524A;
	margin-top: -1px;
	margin-bottom: 0px;
	margin-left: -59px;
}
.beanBelt {
	margin-left: 41px;
	margin-right: auto;
	margin-bottom: -94px;
	margin-top: -41px;
}
article  {
	background-color: #FFFAF8;
	flex: 1;
	justify-content: space-between;
	margin-left: 31px;
	padding-left: 22px;
	padding-right: 22px;
	padding-top: 22px;
	padding-bottom: 22px;
}
#cards {
	display: flex;
	padding-left: 0px;
	margin-left: -31px;
}
h1 {
	color: #FFFAF8;
	font-family: "Hertical Sans Rough";
	font-size: 51px;
	margin-left: 50px;
}
.beanBelt {
}
#steps {
	display: flex;
	margin-bottom: 94px;
	margin-left: -31px;
}
#steps article {
	flex: 1;
	text-align: center;
	height: auto;
}
#steps p {
	width: 289px;
	text-align: left;
	height: 264px;
	margin-left: -83px;
	font-size: small;
	margin-top: 53px;
	justify-content: center;
}
#roasting h1 {
	color: #FFFAF8;
	margin-top: 55px;
}
#methods {
	display: flex;
	margin-left: 155px;
	margin-right: auto;
}
#methods article {
	flex: 1;
	margin-top: 20px;
	margin-left: 25px;
	margin-right: auto;
	padding-left: 28px;
	padding-top: 59px;
	padding-bottom: 56px;
	margin-bottom: 3px;
}
#methods p {
	width: 170px;
	margin-left: -98px;
	margin-bottom: -22px;
	margin-top: -13px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
}
#brewing p {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	color: #FFFAF8;
}
#brew section img {
	margin-top: 50px;
	margin-bottom: 50px;
	opacity: 0.74;
}
#brew {
	margin-left: auto;
	margin-right: auto;
	width: 1090px;
}
#methods h2 {
	padding-top: 16px;
	margin-top: 9px;
	text-align: center;
}
#roasting {
	display: flex;
}
#roast {
	background-color: #333333;
	width: 1090px;
	margin-left: auto;
	margin-right: auto;
}
#roasting p {
	color: #FFFAF8;
	margin-left: 75px;
	margin-bottom: 49px;
}
#brew {
	background-color: #333333;
}