body {
	font-family: "filosofia";
	background-image:url("../images/home-bg.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	background-attachment: fixed;
	margin:0;
}

/************** NAVIGATION **************/

#header {
	background-color:rgba(237,224,210,0.4);
	height:70px;
	width:100%;
	font-family: "pt-sans";
	box-sizing: border-box;
	margin:0 auto;
	font-size:17px;
}


#header p {
	display:inline-block;
	font-family: "filosofia";
	font-size:22px;
	position: absolute;
	padding-left: 30px;
}

#header a {
	text-decoration: none;
	color:rgb(15,16,17);
}

#nav {
	text-align: center;
	padding: 23px 0 0 0;
	margin:0 auto;
}

#nav li {
	padding: 0 50px 0 50px;
	display:inline;
}

#nav a {
	text-decoration:none;
	color:rgb(117,109,106);
}

#nav a:hover {	
	color:rgb(15,16,17);
}

/************** COPY **************/

div {
	font-family: "filosofia";
	text-align:center;
	margin:0 auto;

}

h1 {
	font-size:80px;
	font-weight:300;
	color:#211f1d;
	padding-top:50px;
}

h2 {
	font-size:35px;
	font-style:italic;
	font-weight:300;
	color:#fff7ef;
	padding-top:10px;
}

/************** RESPONSIVE **************/

@media screen and (max-width:900px) {
	#header #nav {
			text-align:right;
		}

	#nav li {
			padding: 0 25px 0 25px;
		}
}

@media screen and (max-width:650px) {
	#header {
		height:100px;
	}

	h1 {
		font-size: 65px;
		padding-top:70px;
	}

	h2 {
		font-size: 30px;
		padding-top:35px;
	}

	#header #nav {
		padding: 65px 0 0 0;
		text-align:left;
		font-size:15px;
		padding-left:10px;
	}

	#nav li {
		padding: 0 20px 0 20px;
	}
}

@media screen and (max-width:510px) {
	h1 {
		font-size: 50px;
		padding-top:95px;
	}

	h2 {
		font-size: 25px;
		padding-top:50px;
	}
}