@import url('https://fonts.googleapis.com/css?family=Josefin+Slab:100,100i,300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Vast+Shadow');

section{

	width: 99em;
	height: 70em;
}
header{
	font-family: "Vast Shadow";
	font-size: 7em;
	text-align: center;
	line-height: 0.9em;
	z-index: 1;
	color: #543A32 ;
	position: relative;
	top: 3px;
}

#box_1{
	position: relative;
	top: 1em;

}

#image_1{
position: relative;
bottom: 25em;
}

#image_1 img{
	width: 100%;
}

#image_2{
	position: relative;
	bottom: 29.5em;
	opacity: .5;
	}

#image_2 img{
	width: 100%;
}	

#image_3{
	position: relative;
	bottom: 67em;
}

#image_3 img{
	width: 100%;

}

#box_2{
	position: relative;
	bottom: 70em;
}
.beans{
	font-family: "Vast Shadow";
	font-size: 8em;
	z-index: 2;
	text-align: left;
	color: #543A32;
	margin: 0px 96px 0px 96px;
	padding: 0px 0px 30px 0px;
}

#box_3{
	position: relative;
	bottom: 127em;
	left: 11em;
}

.espresso{
	color: white;
	font-size: 9em;
}

.f_1{
	position: relative;
	z-index: 2;
	color: #543A32 ;
	font-family: 'Josefin Slab';
	font-size: 1.5em;
	font-weight: 700;
	top: 2em;
	left: 53em;

	}

.f_2{
	position: relative;
	z-index: 2;
	color: #543A32 ;
	font-family: 'Josefin Slab';
	font-size: 1.5em;
	font-weight: 700;
	top: 15em;
	left: 27em;
}

.f_3{
	position: relative;
	z-index: 5;
	color: #FFECD9 ;
	font-family: 'Josefin Slab';
	font-size: 1.5em;
	font-weight: 700;
	left: 7em;
	bottom: 130em;

	}

.f_4{
	position: relative;
	z-index: 2;
	color: #FFECD9 ;
	font-family: 'Josefin Slab';
	font-size: 1.5em;
	font-weight: 700;
	bottom: 105em;
	left: 47em;
}


footer{
	background-color: #FFECD9 ;
	opacity: .9;
	padding: 20px 40px 20px 10px;
	color: #543A32 ;
	font-family: 'Josefin Slab' ;
	font-size: 1.5em;
	text-align: left;
	position: relative;
	z-index: 2;
	bottom: 19.55em;
}

.p_1{
	color: #543A32 ;
	background-color: #FFECD9 ;
	font-family: 'Josefin Slab' ;
	font-weight: 400;
	font-size: 1.5em;
	text-align: left;
	padding: 1em;
	margin: 0px 96px 0px 96px;
	line-height: 1.2em;
	position: relative;
	bottom: 47.5em;
}

#e_list{
	color: #543A32 ;
	font-family: 'Josefin Slab';
	font-size: 1.7em;
	width: 38em;
	height: 7.2em;
	padding: .5em .5em 8em 1.5em;
	position: relative;
	bottom: 73em;
	left: 15em;
	background-color: #FFECD9;
}

.p_e{
	margin: .5em;
}

#berries img{
	margin-right: 10px;
}
#circle {
	width: 600px;
	height: 600px;
	background: white;
	border-radius: 300px;
	border-radius: 300px;
	border-radius: 300px;
	position: relative;
	bottom: 123em;
	left: 75em;

}

span{
	font-weight: 700;

}

.footer2{
	width: 47em;
	padding: 3px 3px 3px 15px;
	background-color: #FFECD9 ;
	opacity: .9;
	color: #543A32 ;
	font-family: 'Josefin Slab' ;
	font-size: 1.5em;
	position: relative;
	bottom: 102.5em;

}

#image_4{
	position: relative;
	bottom: 154.5em;
}

#image_4 img{
	width: 100%;

}

.froth{
	position: relative;
	bottom: 115em;
	width: 25em;
	padding: 30px 20px 10px 30px;
	background-color: #FFECD9 ;
	opacity: .8;
	color: #543A32 ;
	font-family: 'Josefin Slab' ;
	font-size: 1.7em;
}

h3{
	font-size: 2em;
	margin: 0em;
	padding: 0em;
	;
}