@charset "UTF-8";
/* CSS Document */
header, nav, section, article, footer, figure, aside {
 display: block;
}



div{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}

aside p a{
	font-size:1.5em;
	background-color:#FFF;
	color:#000;
	margin: 0em;
	position: fixed;
	padding:0.4em;
	text-align:center;
	text-decoration:none;
}

div.menu{
	width:100%;
	position:fixed;
	/*background-color:#FFF;*/
	padding:0.4em;
}

a.m2{
	color:#000;
	/*margin: 0em;*/
	margin-right:2em;
	text-decoration:none;
	text-align:right;
	font-size:1.5em;
	
}

table.m1{
	padding:0.4em;
	border:0px;
}
	
	

header h1{
	text-indent:-9999px;
	background:url(images/logo.png) left no-repeat;
	padding: 0.9em;
}
nav{
	float:left;
	width:100%;
	height:100%;
	background-color:#0e102e;

}
nav h2{
	text-indent:-9999px;
	background:url(images/2.png) center no-repeat;
	padding: 0.45em;
}
nav ul li{
	list-style:none;
	
}

nav ul li a{
	width: 218px;
	float: left;
	margin-left: 4.3em;
	margin-top: 1em;
	margin-bottom: 2em;
	padding: 0.5em;
	text-align: center;
	color: #FFF;
	text-decoration: none;
	border-style: solid;
	border-radius: 0.5em;
	font-size: 1.5em;
}

article h2{
	text-indent:-9999px;
	background:url(images/1.png) center no-repeat;
	padding: 0.45em;
	
}
article h3{
	text-align:center;
	font-size:3.5em;
	
}
article{
	height:675px;
	float:left;
	background-color:#FFF;
	margin:0em;
	text-align:center;
	color:#0e102e;
}
article p{
	padding:0em 1em;
	font-size:2.5em;
	font-weight:lighter;
}

article~article h2{
	text-indent:-9999px;
	background:url(images/2.png) center no-repeat;
	padding: 0.45em;
	
}
article~article{
	background-color:#0e102e;
	color:#FFF;
	
}

article~article p{
	font-size:2.5em;
	font-weight:lighter;
}
article~article~article h2{
	background:url(images/1.png)center no-repeat;
}
article~article~article{
	background-color:#FFF;
	color:#0e102e;
}

/************section***********/
section h2{
	text-indent:-9999px;
	background:url(images/2.png) center no-repeat;
	padding: 0.45em;
}

section h3{
	text-align:center;
	font-size:3.5em;
	color:#FFF;
	margin-bottom:0em;
}

section{
	float:left;
	width:100%;
	height:675px;
	background-color:#0e102e;
	
	
}

section ul li{
	margin:0em;
	text-align:center;
	color:#FFF;
	list-style:none;
	font-size:2.5em;
	
}

article~article~article~section~article h3{
	text-align:center;
	font-size:3.5em;
}

article~article~article~section~article h2{
	text-indent:-9999px;
	background:url(images/1.png) center no-repeat;
	padding: 0.45em;
}

article~article~article~section~article{
	width:100%;
	height:675px;
	float:left;
	background-color:#FFF;
	margin:0em;
	text-align:center;
	color:#0e102e;
}

article~article~article~section~article ul li{
		list-style:none;
		font-size:2.5em;
}

figure h3{
	text-align:center;
	font-size:3.5em;
}

figure h2{
	text-indent:-9999px;
	background:url(images/2.png) center no-repeat;
	padding: 0.45em;
	
}

figure{
	width:100%;
	height:675px;
	float:left;
	background-color:#0e102e;
	margin:0em;
	text-align:center;
	color: #FFF;
}
figure img{
	width:897px;
}

figure~figure h2{
	text-indent:-9999px;
	background:url(images/1.png) center no-repeat;
	padding: 0.45em;
	
}
figure~figure h3{
	text-align:center;
	font-size:3.5em;
}
figure~figure{
	width:100%;
	height:675px;
	float:left;
	background-color:#FFF;
	margin:0em;
	text-align:center;
	color:#0e102e;
}

figure~figure~figure h2{
	text-indent:-9999px;
	background:url(images/2.png) center no-repeat;
	padding: 0.45em;
	
}
figure~figure~figure h3{
	text-align:center;
	font-size:3.5em;
	margin:0.5em;
}
figure~figure~figure{
	
	background-color:#0e102e;
	margin:0em;
	text-align:center;
	color:#FFF;
}
figure~figure~figure img{
	width:826px;
	opacity:0.5;
}

figure~figure~figure~figure h2{
	text-indent:-9999px;
	background:url(images/1.png) center no-repeat;
	padding: 0.45em;
}

figure~figure~figure~figure h3{
	text-align:center;
	font-size:3.5em;
	margin:0.5em;
}
figure~figure~figure~figure{
	background-color:#FFF;
	margin:0em;
	text-align:center;
	color:#0e102e;
}
figure~figure~figure~figure img{
		width:826px;
	opacity:0.5;
}

figure~figure~figure~figure p{
	margin-top:2em;
}
figure~figure~figure~figure p a{
	text-decoration:none;
	color:#000;
}

figure~figure~figure~figure p a:hover{
	color:#339;
}

@media screen and (max-width: 640px) {
	
	article{
		height: 1059px !important;
	}
	
	article p{
		font-size:1.5em !important;
	}
	
	section ul li{
		font-size:1.5em !important;
	}
	
	h3{
		font-size:2.6em !important;
	}
}