@charset "UTF-8";
/* CSS Document */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body{
	font-family:'Cabin',sans-self;
}
h1,h2,h3{
	font-family:'Aclonica',cursive,sans-serif;
}

*{
	margin:0;
	padding:0;
 }

#wrapper{
    margin:0 auto;
	max-width: 960px;
}

main,article,aside,section,footer{
	margin:0 auto;
	width:100%;
	color:#453B30;
	padding:3%;
	border: thin solid gray;
}

h1{
	text-align: center
}

header {
    background-repeat: repeat-x;
    background-attachment: fixed;
    background-image: url(../images/header.jpg);
	width:100%;
	min-height: 220px;
		
}

header h1{
    padding-top: 50px;
    color: #FFFFFF;
    text-shadow: 1px 1px 10px #000000;
	font-size: 350%;
}

main p{
	text-align: center;
	font-size:150%
}

nav{
	background-color: #F2FBD0;
	top:220px;
	text-align: center;

}

nav a{
	display: inline-block;
    text-decoration: none;
    padding: 1% 0;
    width: 48%;
    color: #586B3E;
    font-size: 130%;
}

nav a:hover{
	color: #FFFFFF;
    background-color: #B0BC85;
}

main,footer{
	clear:both;
}

footer{
	text-align: center;
	background-color: #B0BC85;
	font-weight: 900;
	font-size: 120%;
}



@media screen and (min-width: 800px) {
  .column { width: 24%; float: left; }
  aside { width: 40%; float: right; }
  article { width: 60%; float: left; }
  nav a { width: 24%; }
}