body {
	background-image:url("../images/questions-bg.jpg");
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center;
	margin:0;
	height:1020px;
}

/************** 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.column_container {
	margin:0 auto;
	position:center;
	box-sizing:border-box;
}

h1 {
	font-family:"filosofia";
	font-size:50px;
	font-weight:300;
	color:#211f1d;
	margin:0 auto;
	margin-top:50px;
	text-align:left;
	margin-bottom:20px;
}

p {
	font-family:"pt-sans";
	font-size:15px;
	color:#211f1d;
}

.question {
	display:inline-table;
	width:200px;
	margin-right:10px;
}

.question p {
	font-style:italic;
}

.answer {
	display:inline-table;
	width:480px;
}

ol {
	font-family:"pt-sans";
	font-size:15px;
	color:#211f1d;
}

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

@media screen and (min-width:900px) {
	div.column_container {
			width:700px;
		}
	
	h1 {
			width:700px;
		}
}

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

	#nav li {
			padding: 0 25px 0 25px;
		}
	div.column_container {
		width:700px;
	}
}

@media screen and (max-width:760px) {
	div.column_container {
		width:500px;
	}

	h1 {
		font-size:40px;
	}

	p {
		font-size:13px;
	}

	ol {
		font-size:13px;
	}

	.question {
		width:150px;
	}

	.answer {
		width:300px;
	}

	body {
		height:1200px;
	}
}

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

	#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:30px;
	}

	#qna {
		width:320px;
		margin:0 auto;
	}

	.question {
		width:100px;
	}

	.answer {
		width:210px;
	}

	body {
		height:1700px;
	}
}