html, body

body
{
	background-color: #fff;
font-family: 'Open Sans', sans-serif;
	position: relative;
	-webkit-text-size-adjust: none; 
}

h1, h2, h3, h4, h5, h6
{
	line-height: 1; color: #111;
	margin: 20px 0 10px 0; 
}

h1{	font-size: 4em; padding: 40px 23px;  color:#12425F; line-height: 1em; }

h2{font-size: 2.3em;   color: #EB513B; padding: 0 23px; font-weight: 400; }

h3{	font-size: 1.8em; line-height: 1.6em; padding: 0 23px; font-weight: 300; color: #333; }

h4, h5{	font-size: 1.4em;}

h6 {background: #ccc; padding:0;  }

p{font-size: 1.1em; margin: 0;  font-weight: normal;  line-height: 2em; color: #333; padding: 0 23px;}


a, a:link, a:active, a:visited, a:hover
{color: #CF7000; border-bottom: 0;text-decoration: none; outline:none;}

a {outline: none;}

a:hover{color: #FF8A00; border-bottom: 0px;text-decoration: none; outline:none;}

ul li {	list-style-type: disc; font-size: 1em; margin:12px 6px; color: #47565F; padding: 0 12px; text-align:justify;	}


/* menu stuff g'wan 'ere*/

nav:not(.mm-menu)
{display: none;}


#menu p{ padding: 20px; font-size: 1em; background: transparent; }
#menu h3 {font-size: 1.2em;}


.header,
.content,
.footer
{
	text-align: center; 
}
.header
{
	background:#A8C4CF;
		font-weight: normal;
	color: #fff;
border-top: 3px solid #ED5F4B;
	width: 100%; top: 0;
	height: 60px;  display:block;
	padding: 0; position: fixed;}
	
	.header2
{  display: none; }
	
	.header a
{	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;	width: 40px;	height: 40px;	position: absolute;	top: 6px; left: 12px;}
	
.header.fixed
{ position: fixed; top: 0; left: 0; }

#intro {background: transparent;  height: auto;  padding-top: 0; color: #fff; margin: 0px; } 

#intro h2 { font-variant:small-caps;}
#intro h3 {font-size: 1.2em; }
#intro img {margin: 0; max-width: 99.6%; height: auto;}

#first {
 height: auto; padding:0px 20px 50px 20px; 	color: #111; border-top: 0px solid #fff;}
#first h2 {font-variant: small-caps; padding: 6px 12px; }


#second {height: auto; border-top: 2px solid #fff; padding-top: 0px;padding-bottom: 50px;	color: #111; border-top: 0px solid #fff; }

#box {  padding: 42px 0px; }




#letter {background: #ededed; height: auto; padding-left: 10px; padding-right:10px;}

#letraset {border: 0; margin: 20px 0px;  padding: 12px;} 

	/* ----------------------------*/	


#fifth {background: #eee; height: auto; padding-left: 10px; padding-right:10px; padding-top: 20px;padding-bottom: 10px; color: #111; border-top: 0px solid #fff; }


#map {background:#fff; height: auto; padding: 0px; }
#map p {padding: 0;}




.footer
{	 position: fixed; background: #5F737F; border-bottom: solid 3px #ED5F4B;
	font-weight: normal;
	width: 100%;	height: 80px; bottom: 0;
	padding:0px; margin: 0; border-top:0;opacity: .9
}

.footer.fixed
{position: fixed; bottom: 0;	left: 0; ;}

.footer a {color: #fff; letter-spacing: .15em; padding: 0 2px;}
.footer a:hover {color: #E2ECF0; background: #3B515F; padding: 4px 2px; }
.footer h3 {font-size: 1em; line-height: 1.6em; margin: 0; padding: 14px 0 0 0; font-weight: bold; } 



.content
{padding: 40px 0px 50px 0px; background: transparent;}



.crash {font-size: .5em; letter-spacing: -.1em;}

.red {color: #f00;}
.sml{font-size:.6em; color: #f00; letter-spacing: .3em;  padding: 3px 8px; opacity: .7; }
.sml2{font-size:.7em; color: #555;   padding: 3px 8px; }