@font-face {
    font-family: 'amaticbold';
    src: url('amatic-bold-webfont.eot');
    src: url('amatic-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('amatic-bold-webfont.woff2') format('woff2'),
         url('amatic-bold-webfont.woff') format('woff'),
         url('amatic-bold-webfont.ttf') format('truetype'),
         url('amatic-bold-webfont.svg#amaticbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'amatic_scregular';
    src: url('amaticsc-regular-webfont.eot');
    src: url('amaticsc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('amaticsc-regular-webfont.woff2') format('woff2'),
         url('amaticsc-regular-webfont.woff') format('woff'),
         url('amaticsc-regular-webfont.ttf') format('truetype'),
         url('amaticsc-regular-webfont.svg#amatic_scregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: 'amaticbold', Fallback, sans-serif;
	color:#000;
	
}
	
a {
	color:#75c727;
}
	
#logo {
	background-image:url('images/logo.png');
	background-position:center;
	background-size:contain;
	background-repeat:no-repeat;
	height:300px;
        width:820px;
        margin:auto;
	}
	
	
/*------- MENU -----*/

#menu {
     width: 820px;
    margin: auto;
	background-image:url('images/menubar.png');
	background-position:center;
	background-repeat:no-repeat;
	height:70px;
	text-align:center;
}
	
#nav {
    padding: 0;
    margin: auto;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 38px;
	  font-weight: bold;
}
	
#nav li {
    list-style: none;
    padding: 0 10px;
    line-height: 70px;
    display: inline-block;
	color:#75c727;
}

#nav li:hover {
color:#d13e34;
}

#nav .current {
color:#d13e34;
}

/*----- CONTENT ----*/

#wrapper {
	width:820px;
    margin: auto;
}

#html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
#content {
    width: 820px;
    padding: 0%;
    margin: auto;
    min-height: 300px;
	font-size: 28px;
}

/*----- FOOTER -----*/

#footer {
	width:820px;
        margin: auto;
	text-align:center;
}