/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
footer, header, main, /* 2 */ menu, nav { /* 1 */ display: block; }

html { height:100%; }

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active, a:hover {outline-width: 0;}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b, strong {font-weight: inherit;}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b, strong {font-weight: bolder;}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {border-style: none;}

html, body, div, span, h1, h2, h3, h4, h5, h6, p, 
a, img, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, footer, header, 
menu, nav {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html {
	height:100%;
	width: 100%;
	box-sizing:border-box;
}

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body {
	background-color: #333333;
	color:#cccccc;
	min-height:100%;
	font-family: "Helvetica", sans-serif;
	letter-spacing:0.01em;
	position: relative;
}

.container {
	position:relative;
	display:block;
	width:100%;
	}

/* header{
	display:block; 
	position: relative; 
	min-height:65px;
	line-height:60px;
	margin:0 auto;
	width:100%;
	}

.menu-wrapper {
	width:100%;
	display:block;
	position:relative;
	margin:0 auto;
	}

.menuOpen {
	display:none;
	}

@media only screen and (max-width:700px) {
.menu-wrapper {
	display:none;
	}
	
.menuOpen {
	display:block;
	position: absolute;
	top:10px;
	right:15px;
	font-size:20px;
	}
}

.closeBtn {
	display:block;
	position:absolute;
	right:10px;
	top:10px;
	}

.closeBtn img {
	width:40px;
	}

.nav {
	position:relative;
	display:block;
	margin-top:50px;
	}

.nav li  {
	padding:15px;
	font-size:20px;
	}

.nav li a {
	color:#ffce66
}	
	
ul.menu{
	display:block;
	margin:0 auto;
	text-align:center;
	}
	
.menu,.menu ul,.menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	}

.menu {
	padding: 0px 14px 0px 13px;
	}

.menu > li {
	display:inline-block;
	margin-right:15px;
	text-align:center;
	margin-top:0;
	padding-right:5px;
	}

.menu li a {
	font-size:90%;
	font-family:"Helvetica", sans-serif;
	display: inline-block;
	color:#ffffff;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
	line-height:60px;
	font-weight: normal;
	text-transform:uppercase;
	padding:0px 5px 0px 5px;
	}
.menu a:hover {
	color:#ffce66;
	text-decoration:none;
	}
	
.menu > li.activetab{
	color:#ffce66;
	text-decoration:none;
	}

.menu > li.activetab > a {
	color:#ffce66;
	text-decoration:none;
	}

*/
.content {
	position:relative;
	display:block;
	width:80%;
	max-width:900px;
	margin:0 auto;
	padding-top:10%;
}

@media only screen and (max-width:950px) {
	.content {
		width:90%;
	
	}
}
/*
@media only screen and (max-width:750px) {
	.menu-wrapper {
		width:100%;
	}
}
*/
.content p {
	font-family:"Helvetica", sans-serif;
	font-size:100%;
	color:#dddddd;
	padding-bottom:20px;
	}
	
@media only screen and (max-width:900px) {
	.content p {
		font-size:110%;
	}
}

.content img {
	display:block;
	margin: 0 auto;
	width:20%;
	max-width:70px;
	}

h1 {
	font-size: 300%;
	color:#dddddd;
	padding: 30px;
	}
	
h2 {
	color:#dddddd;
	text-align:center;
	font-size: 130%;
	padding:5px 5px 25px 5px;
}


a, a:link
{color:#dddddd;text-decoration:none;}


footer {
	position: relative;
	width:100%;
	max-width:1600px;
	margin:0 auto;
	margin-bottom:-10px;
	}

@media only screen and (max-width:750px) {
	footer {
		min-width:0;
	}
}

#copyright {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#6a3b18;
	position:relative;
	width:100%;
	font-size:80%;
	}


.copytext{
	line-height:32px;
	font-size:11px;
	}

.copytext,
.copytext a:link,
.copytext a:active,
.copytext a:visited{ color:#747474; text-decoration:none;}
.copytext a:hover{ color:#967204; text-decoration:none;}


.content .img-margin {
	width:60%;
}

@media only screen and (max-width:900px) {
.content .img-margin {
		width:100%;
	}
}