html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 16px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
a:hover, a:active { outline: 0; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input[type="button"], input[type="reset"], input[type="submit"], [role="button"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner { border: 0; padding: 0; }
a {cursor: pointer;}
/* end boiler */
body {
	font-family: 'Karla', serif;
}
h1 .logo {
	width:120px;
	-webkit-transform: rotate(-20deg); 
	-moz-transform: rotate(-20deg); 
	-o-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg); 
	line-height:25px;
	text-align: right;
	color: white;
	font-weight: normal;
	font-size: 27px;
	cursor: pointer;
}
h1 .logo:hover {
	color:blue;
}
.background, .layer, .layer2, .layer3 {
	position:fixed; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	width:100%; 
	height:100%;
}
.background{
	opacity:0;
	z-index: -1;
	border: 0; 
}
.layer {
	background-color:white;
	opacity:1;
	z-index: 3;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGZmOWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyJSIgc3RvcC1jb2xvcj0iIzAwZmY5ZCIgc3RvcC1vcGFjaXR5PSIwLjk5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjQzJSIgc3RvcC1jb2xvcj0iIzFjZGZjMyIgc3RvcC1vcGFjaXR5PSIwLjc4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MmIyZjciIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-radial-gradient(center, ellipse cover,  rgba(0,255,157,1) 0%, rgba(0,255,157,0.99) 2%, rgba(28,223,195,0.78) 43%, rgba(66,178,247,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,255,157,1)), color-stop(2%,rgba(0,255,157,0.99)), color-stop(43%,rgba(28,223,195,0.78)), color-stop(100%,rgba(66,178,247,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,255,157,1) 0%,rgba(0,255,157,0.99) 2%,rgba(28,223,195,0.78) 43%,rgba(66,178,247,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(0,255,157,1) 0%,rgba(0,255,157,0.99) 2%,rgba(28,223,195,0.78) 43%,rgba(66,178,247,0) 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(0,255,157,1) 0%,rgba(0,255,157,0.99) 2%,rgba(28,223,195,0.78) 43%,rgba(66,178,247,0) 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(0,255,157,1) 0%,rgba(0,255,157,0.99) 2%,rgba(28,223,195,0.78) 43%,rgba(66,178,247,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ff9d', endColorstr='#0042b2f7',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41OSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWFlYWVhIiBzdG9wLW9wYWNpdHk9IjAiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 19%, rgba(0,0,0,0.59) 52%, rgba(234,234,234,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,rgba(0,0,0,1)), color-stop(52%,rgba(0,0,0,0.59)), color-stop(100%,rgba(234,234,234,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 19%,rgba(0,0,0,0.59) 52%,rgba(234,234,234,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 19%,rgba(0,0,0,0.59) 52%,rgba(234,234,234,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 19%,rgba(0,0,0,0.59) 52%,rgba(234,234,234,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 19%,rgba(0,0,0,0.59) 52%,rgba(234,234,234,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00eaeaea',GradientType=0 ); /* IE6-8 */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxOSUiIHN0b3AtY29sb3I9IiMyZTMxZjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMyZTMxZjIiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYWVhZWEiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(46,49,242,1) 19%, rgba(46,49,242,0.6) 51%, rgba(234,234,234,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(19%,rgba(46,49,242,1)), color-stop(51%,rgba(46,49,242,0.6)), color-stop(100%,rgba(234,234,234,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(46,49,242,1) 19%,rgba(46,49,242,0.6) 51%,rgba(234,234,234,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(46,49,242,1) 19%,rgba(46,49,242,0.6) 51%,rgba(234,234,234,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(46,49,242,1) 19%,rgba(46,49,242,0.6) 51%,rgba(234,234,234,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(46,49,242,1) 19%,rgba(46,49,242,0.6) 51%,rgba(234,234,234,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e31f2', endColorstr='#00eaeaea',GradientType=0 ); /* IE6-8 */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzJSIgc3RvcC1jb2xvcj0iIzlmZDNlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzlmZDNlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5ZmQzZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(159,211,232,1) 3%, rgba(159,211,232,1) 25%, rgba(159,211,232,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,rgba(159,211,232,1)), color-stop(25%,rgba(159,211,232,1)), color-stop(100%,rgba(159,211,232,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(159,211,232,1) 3%,rgba(159,211,232,1) 25%,rgba(159,211,232,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(159,211,232,1) 3%,rgba(159,211,232,1) 25%,rgba(159,211,232,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(159,211,232,1) 3%,rgba(159,211,232,1) 25%,rgba(159,211,232,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(159,211,232,1) 3%,rgba(159,211,232,1) 25%,rgba(159,211,232,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd3e8', endColorstr='#009fd3e8',GradientType=0 ); /* IE6-8 */


}
.layer2 {
	//background-color:blue;
	opacity:1;

	z-index:2;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZiZmQwOSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjklIiBzdG9wLWNvbG9yPSIjZmJmZDA5IiBzdG9wLW9wYWNpdHk9IjAuMDciLz4KICAgIDxzdG9wIG9mZnNldD0iOTMlIiBzdG9wLWNvbG9yPSIjZmJmZDA5IiBzdG9wLW9wYWNpdHk9IjAuNzUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZmQwOSIgc3RvcC1vcGFjaXR5PSIwLjc1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(251,253,9,0) 1%, rgba(251,253,9,0.07) 9%, rgba(251,253,9,0.75) 93%, rgba(251,253,9,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(251,253,9,0)), color-stop(9%,rgba(251,253,9,0.07)), color-stop(93%,rgba(251,253,9,0.75)), color-stop(100%,rgba(251,253,9,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(251,253,9,0) 1%,rgba(251,253,9,0.07) 9%,rgba(251,253,9,0.75) 93%,rgba(251,253,9,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(251,253,9,0) 1%,rgba(251,253,9,0.07) 9%,rgba(251,253,9,0.75) 93%,rgba(251,253,9,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(251,253,9,0) 1%,rgba(251,253,9,0.07) 9%,rgba(251,253,9,0.75) 93%,rgba(251,253,9,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(251,253,9,0) 1%,rgba(251,253,9,0.07) 9%,rgba(251,253,9,0.75) 93%,rgba(251,253,9,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbfd09', endColorstr='#bffbfd09',GradientType=0 ); /* IE6-8 */

}
.layer3 {
	background-color:yellow;
	opacity:0;
	z-index:-1;
}

article.content {
	width: 600px;
	text-align: center;
	margin: auto;
	display: block;
	z-index: 20;
	height: 100%;
	position: fixed;
	left: 50%;
	top:10%;
	margin-left: -300px;
}
.menu{
	position: fixed;
	top: 5%;
	width: 150px;
	height: 80px;
	margin-left: -75px;
	text-align: center;
	left: 50%;
	z-index:50;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
	.menu:hover #menuext { 
		display:block; 
	}

#menuext{ 
	margin-left:-220px;
	display:none; 
	height:430px; 
	width:600px;
	font-size:13px; 
	background: white;
	padding-top:30px;
	padding-left:5px;
}
#menuext .sw	{
	display:none;
}
.elem {
	width:31%;
	display:block;
	float:left;
	margin-bottom:20px;
	padding:1%;
}
	.elem:hover {
		padding:1%;
		background: #36E7C1;
	}
	.elem a {
		text-transform: uppercase;
		text-decoration: none;
		display:block;
	}
	.elem:hover a {
		color:white;
	}
	.elem small {
		display:block;
		font-size:90%;
		font-style: italic;
	}

.whoiam {
	clear:both;
	display:block;
	border-top:1px solid grey;
	padding-top:20px;
	text-align:left;
	padding:10px;
	line-height: 17px;
}

#clicktosee, #noclicktosee, #return, #clicktosee-inside {
	border:4px solid white;
	padding:1px;
	color:white; 
	font-size:20px;
	width:230px;
	height:27px;
	margin: auto;
	z-index:20;
	cursor: pointer;
	text-decoration:none;
	text-align: center;
	padding-top:5px;
}
#clicktosee {
	margin-top:150px;
	margin-bottom:10px;
	z-index:20;
	display:none;
	background-color:black;
}
#noclicktosee {
	display:none;
	background-color:black;
}

#return {
	position:fixed;
	bottom:20px;
	right:50%;
	display:none;
	margin-right:-130px;
	background-color:black;
}

#clicktosee-inside {
	padding-top:5px;
	display: block;
	color:black;
}

#clicktosee-inside:hover {
	background:white;
}

article #content {
	font-size:10%;
	color:black;
	margin:auto;
	width:600px;
	height:300px;
	z-index:15;
	margin-top:100px;
}
article #content h2 {
	text-transform: uppercase;
	font-size: 36px;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
article #content h3 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
}
article #content  p {
	font-size:22px;
	color:black;
	margin-top:10px;
	margin-left:35px;
	margin-right: 35px;
}
article #content a {
	text-decoration:none;
}
.fl-nav {
	position:absolute;
	top:1px;
	color:black;
	font-size:40px;
	margin-top: 100px;
	width: 40px;
	height: 40px;
	border:4px solid transparent;
	line-height: 36px;
	cursor: pointer;
	text-decoration:none;
}
.fl-g {
	left:1px;
}
.fl-g:hover {
	border:4px solid white;
}
.fl-d {
	right:1px;
}
.fl-d:hover {
	border:4px solid white;
}

#counter {
	position:fixed;right:100px;top:10px;width:250px;height:100px;display:none;z-index:20px;
}

@media only screen and (max-width: 768px) {
	/*@media only screen and (max-width: 479px) {*/
	#menuext {
		width:260px;
		margin-left:-60px;
		font-size:11px;
	}
	#menuext .sw {
		display:block;
		font-size: 150%;
width: 150px;
	}
	article.content {
		width:300px;
		margin-left:-150px;
	}
	article #content {
		width:300px;
	}	
	article #content h2 {
		font-size:22px;
	}
	article #content h3 {
		font-size:12px;
	}
	article #content p {
		font-size:14px;
	}
	.elem {
		width:46%;
		float:left;
		margin:0px;
	}
	.elem small {
		display:none;
	}
}