@charset "UTF-8";
/* CSS Document */

/* Mobile / Default Layout */

body {

/*background-repeat:repeat-x;
background-image:url(images/topbar.png);
	margin: 0;
    padding: 1em;
	
	background-color:#f3db8f;*/
}

p {
	font-family: 'Aleo Light', serif;
	font-size:.85em;
	line-height:1.30em;
	text-align: left;
margin-top:-2em;}

#wrapper {
	width: 100%;
	height:100%;
	
}


#content { width:30em; }


#header  { 

width:20em;
height:10em;
margin-top:2em;
padding-right:3%;
padding-left: 3%;
border: none;

}


body img { margin-left:1em;
margin-top:1em;
float:left;
max-width:100%;
height:auto;
}

h1 {
	font-family:'PR8 Charade', sans-serif;
	font-weight:normal;font-style:normal;
font-weight:100;
		color:#79822e;
	font-size: 6em;
	margin: 0 0 .25em 0;
	padding-top: 0;
	padding-bottom:.5em;
    border-bottom: 1px solid #ccc; 
}


#nav {
    margin: 0 0 1em 1em;
    padding: 0;
			height:100%;
	margin-left:5%;
	background-color: #faded8;
    border-radius: .7em;

	
}

#nav ul {
		list-style-type:none;
		width:100%;
		margin-top:0%;
		padding-top:40%;
	padding: 0;
}


#nav li { 
    display: inline;
    margin: 0; 
		text-align:center;
   
}

#nav li a {
font-family: 'AmbienteLightDB', serif;
    text-decoration: none;
	font-size:1.35em;
    display:inline;
	/*background-color: #f3db8f;
    border: 1px solid #f3db8f;
    border-radius: .7em;*/
    padding: 1%;
    width: 40%;
    margin: 0 2% 2% 0;
	
}

#mainimg { 
    width: 100%;
    margin-bottom: 1em;
}

h2 {
	font-family:Janda Stylish Script;

	font-size: 2.5em;
font-family:, sans-serif;
font-weight:lighter;
text-decoration:none;
		color:#514056;	
/*	text-shadow: #999 1px 1px 1px;*/
	margin-top:.5em;
	text-align:left;
}

#footer {
    background-color: #f16068;
height:8em;    text-align: center;
width:100%;}

#footer p {
font-family: 'AmbienteLightDB', serif;
    background-color: #f16068;
    color: white;
height:8em;    text-align: center;
width:100%;}

/* First breakpoint at 480px */
@media all and (min-width: 30em){
	
	h1 { color: blue; }	

	#nav li a {
		width: 20%;
		margin: 0 1% 1% 0;}
		
		#nav ul {
		width: 100%;
	}
	
	#nav li { 
    display: inline;
   width:100%;
   
}

#nav {	
margin-left:52%;
margin-top:-2%;
margin-right:15%;
padding-left:2%;
padding-top:.5%;

	
}


		
}

/* Second breakpoint at 800px */
@media all and (min-width: 50em){
	h1 { color: red; padding-bottom: .1em; }
	body { max-width: 960px; margin: 0em auto; }
	#mainimg { width: 70%; float: right; }
	#nav li a { width: 100%; }
	content { clear: both; width:6em; }
	#footer { clear: both; font-weight:300; }
	#nav {	
margin-left:52%;
padding-left:2%;


	
}
	
}



@font-face {
font-family:Janda Stylish Script;
src: local('JandaStylishScript.ttf'), url('JandaStylishScript.ttf') format('truetype');
}

@font-face { font-family:PR8 Charade Regular;
src: local('PR8_Charade.ttf'), url('PR8_Charade.ttf') format('truetype');}

@font-face { font-family:AmbienteLightDB;
src: local('AmbienteLightDB.ttf'), url('AmbienteLightDB.ttf') format('truetype');}

@font-face { font-family:Ancillary;
src: local('Ancillary-Regular.otf'), url('Ancillary-Regular.otf'), local('Ancillary-Bold.otf'), url('Ancillary-Bold.otf') }

@font-face {
font-family:CluffHmk Regular;
src: local('CluffHmk.ttf'), url('CluffHmk.ttf') format('truetype');
}

@font-face {
font-family:'Aleo Light';
src: local('Aleo-Light.otf'), url('Aleo-Light.otf') format('opentype');
}