/** APPEARANCE OF LOGO BASED OF PAGE SCROLLING **/
#navbar {
  	background-color: transparent;
  	position: fixed;
  	top: -50px;
  	77777width: 100%;
  	display: flex;
  	transition: top 0.3s;  transition: top 1.5s;
  	111111justify-content: space-around; Z-INDEX: 1; WIDTH: 52PX; HEIGHT: 35PX; FLOAT: RIGHT; MARGIN-RIGHT: 25PX; RIGHT: 0;  
	}

#appearing-logo {
	margin-top: 12px;
	}

1111111#navbar a {
  display: block;
  color: #878472;
  text-align: center;
  padding: 15px;
  text-decoration: none;
}
111111#navbar a:hover {
  background-color: #878472;
  color: #3f3f37;
}

7777777777777777777.content {
  margin: 50px 25px;
}
7777777777777777.content h1 {
  margin-bottom: 25px;
} 
/** END OF APPEARANCE OF LOGO BASED OF PAGE SCROLLING **/