/* Prj 2 CSS Sheet */
main{
	width: 90%;

	margin: 0 auto;
}



h1{
	font-size: 4em;
	font-family: "brim-narrow",sans-serif;
font-style: normal;
font-weight: 400;
	
	color: #ffffff;
	padding-left: 1em;
}
#subhead{
	font-family: "brim-narrow",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 1em;
color: #ffffff;
padding-left: 1em;
}
.navlink{
	list-style: none;
	padding-left: 4em;
	display: inline-block;
	
}
nav{
	background: #d3d3d3;
	box-shadow: 3px 3px 7px #000;
	border: .05em solid #ccc ;
	width: 86.7%;
	max-width: 90%
}
#linky{
	text-align: center;
	border: .05em solid #000;
	padding: 1em;


}
footer{
	height:100px;
	background: #CCC;
	width: 86.7%;
	max-width: 90%
}

article{
	padding: 1em;
	padding-bottom: 3em;
	
	width: 75%;
	
	display: inline-block;
	
}

#articleimg{
	width: 23em;

	
}
figure{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	
}


h3{
	
	vertical-align: top;


}
aside{
	width: 20%;
	height: 30em;

	display:inline-block;
	vertical-align:top;
	background: rgba(70, 130, 180, .6);
	float: left;
	padding:.5em;
}
.cite{
	font-size: .7em;
}
.ingredient{
	font-size: .9em;

}
ul{
		display: inline-block;
	vertical-align: center;
}
.articles{
	width: 60%;
	display: inline-block;
	background: rgba(135, 206, 250, .8);
	padding: 1em;

}



header{
	margin-bottom: 5em;
	background-image: url('IMG/headerimage.png') ;
	background-repeat: no-repeat;
	width: 95%;


}

body{
	background-image: url('IMG/background.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	font-family: "filson-soft",sans-serif;
font-style: normal;
font-weight: 400;
}



#back2top{
	font-size: 40px;
	float: right;
	width:10%;
	display: inline-block;
	position: fixed;
	margin-left: 20em;
}


#share-buttons img {

width: 35px;

padding: 5px;

border: 0;

box-shadow: 0;

display: block;