@font-face {/*instructions to browser where to find your custom font*/
    font-family: people;/*use any name but don't start with a number and don't use spaces or strange characters*/
    src:	url(../fonts/people.ttf),/*.ttf for non-IE browsers - the comma is very important!!!!*/
    url(../fonts/people.eot);/*.eot for IE browsers*/ 
}
@font-face {/*instructions to browser where to find your custom font*/
    font-family: people;/*use any name but don't start with a number and don't use spaces or strange characters*/
    src:	url(../fonts/filename2.ttf),/*.ttf for non-IE browsers - the comma is very important!!!!*/ 
    url(../fonts/filename2.eot);/*.eot for IE browsers*/ 
}
* {
    box-sizing:border-box;/*This allows you to set and border width and padding but the div will retain its set width and set height*/
}
html, body {
	min-width:100vw;
	width: auto;
	min-height:100vh;
	height: auto;
}
header, nav, section, article, figure, figcaption, aside, footer {/*ensures older browsers display these tags correctly*/
	display: block;
}
	

body {/*these are the 5 basic CSS properties and values to start a website*/
	font-family: Verdana, sans-serif;/*change this for your design*/
	font-size: 100%;/*DON'T CHANGE THIS VALUE HERE - you can set font sizes in other selector styles*/
	color: rgba(119,68,3,1.00);/*main text color, default black, change as needed*/
	margin: 0;/*removes default edges*/
	padding: 0;/*removes default settings*/
	z-index: 0;/*stacking order - small numbers a below high numbers*/
	position: relative;
	background-color: #B5D2F8;
}
.headerTitle {
	width: 400px;
	height: auto;
	position: fixed;
	left: 20px;
}
#headerTitle1 {
	font-size: 2em;
	top: 0px;
}
#headerTitle2 {
	font-size: 1.5em;
	top: 81px;
}
#headerTitle3 {
	font-size: 1.5em;
	top: 131px;
}
#centeringDiv {
	max-width: 980px;/*optimum width for both desktops, laptops, and tablets*/
	width: 100%;/*allows the page to resize it's width to fit smaller devices*/
	height: auto;/*0 = no margin for top and bottom and auto = same margin for left and right*/
	position: relative;/*all children divs inside centeringDiv take their (x,y) position from top left of centeringDiv*/
	z-index: 1;
	margin-top: 45px;
	margin:0 auto;
	padding:15px;
	background-color: #F6BB79;
}
.btn {
	position: fixed;
	text-align:right;
	font-family: p0BtnFont;
	z-index: 1001;/*stacking order, bigger numbers are on top*/
	width: 147px;
	cursor: pointer;
	height: 0px;
	color: #FFFFFF;
	font-size: xx-large;
	top: 0px;
	right: 20px;
}

article{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}
.articleTitle{
	font-size: 2em;
	text-align:center;
	margin-bottom:20px;
	color:#735217;
	}
p {
	text-indent: 2.5em;
}
figure {
	width:100%;
	height:auto;
	position:relative;
	margin:0;
	padding:0;
	text-align:center;
}
figure img {
	width:100%;
	max-width:960px;
	height:auto;
}
footer{font-size: 0.5em}