html, body {
  background-repeat:no-repeat;
	background-size:cover;
	height:100%;
	width:100%;
	background:linear-gradient(to bottom, #f5b942, #9c5725);
	font-family: 'Nunito', sans-serif;
	overflow-y:scroll;
	overflow-x:hidden;
	color:white;
}

h1 {
	text-align:center;
	font-size:40px;
	bottom:190px;
	position:relative;
	margin:40px;
	padding:30px;
}
#logo {
	width:50%;
	height:auto;
	position:relative;
	top:-30px;
}
#logodiv {
	text-align:center;
	position:relative;
	top:-50px;
	margin:5px;
}
.cakes, .cookies, .bread {
	float:left;
	position:relative;
	bottom:290px;
}
.cakes {
	float:left;
}
#list {
left:175px;
position:relative;
margin:10px;
}
#img1 {
	width:120%;
	height:auto;
	border:solid;
	border-width:1px;
	border-radius:50%;
	border-color:black;
}
#imgdiv1 {
	float:right;
	position:relative;
	bottom:300px;
	right:60px;
	margin:20px;
}
#logocaption {
	text-align:center;
	position:relative;
	bottom:140px;
	color:gray;
	opacity:.2;
	margin:30px;
}
#home {
  color:maroon;
}
@media screen and (max-width:900px) {
	#list {
		float:left;
	}
	  .cakes, .cookies, .bread {
	float:left;
	position:relative;
	bottom:100px;
}	  
}
@media screen and (max-width:1150px) {
	.bread {
		float:left;
	}
	#imgdiv1 {
		display:none;
	}
}
@media screen and (min-width:885px) and (max-width:950px) {
	#imgdiv1 {
		bottom:-40px;
		position:relative;
	}
}