@font-face {
	font-family: prociono;
	src: url("fonts/prociono.otf");
}

@font-face {
	font-family: hattori-hanzo;
	src: url("fonts/hattori-hanzo.otf");
}

small {
	font-size: x-small;
}

div {
	font-family: hattori-hanzo, sans-serif;
}

h1, h2, h3, h4, h5, h6{
	font-family: prociono, serif;
}

body {
	/*background: radial-gradient(#00357a, #001229);*/
	background: radial-gradient(#001229, #00357a);
}

#header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2;
}

#header img {
}

header, nav {
	padding: 10px 20%;
}

header, footer {
	background: repeating-linear-gradient(-45deg, #001229, #001229 35px, #00357a 35px, #00357a 36px);
	/*background: repeating-linear-gradient(45deg, #607d8b, #607d8b 35px, #daa520 35px, #daa520 35px);
	background-size: 10px 100px;*/
	color: #fff;
}

footer {
	margin: 0px;
}

nav {
	background: #00357a;
	color: #fff;
	/*background: linear-gradient(to bottom, #fff 90%, #001229 10px, #00357a 5px);*/
	font-weight: bold;
}

.sidebar {
position: fixed;
height: 90%;
	width: auto;
z-index:-1;
}

.sidebar.l {
top: 190px;
left: calc(-10% - 50px);

}

.sidebar.r {
height:100%;
top: 160px;
right: calc(-10% - 50px);
}

#wrapper {
	margin-top: 130px;
	padding: 20px;
	border: 1px solid #555;
	background-color: #f2f5f8;
}

@media screen and (max-width: 800px) {
	#wrapper {
		margin-top: 0px;
	}
	#header {
		position: relative;
	}
}

@media screen and (min-width: 800px) {
	.anchor{
		display: block;
		content: "";
		height: 170px; /* Give height of your fixed element */
		margin-top: -170px; /* Give negative margin of your fixed element */
		visibility: hidden;
	}
}
	
@media screen and (min-width: 1000px) {
	#header header, #header nav {
		padding-left: 10%;
		padding-right: 10%;
	}
	#wrapper {
		margin-left: 10%;
		margin-right: 10%;
	}
}

@media screen and (min-width: 1600px) {
	#header header, #header nav {
		padding-left: 20%;
		padding-right: 20%;
	}
	
	#wrapper {
		margin-left: 20%;
		margin-right: 20%;
	}
}

ul {
	list-style: none;
	padding-left: 16px;
}

li {
	padding-bottom: 16px;
text-indent: -1em;
padding-left: 2em;
}

li:before {
	position: relative;	
	content: "\27A2";
	left: -16px;
	z-index: 1;
}

.w3-accordion:before {
	position: relative;	
	content: "\25BE";
	left: -8px;
	z-index: 1;
}

.w3-accordion:before~.w3-show !important {
	position: relative;	
	content: "\27A2";
	left: -8px;
	z-index: 1;
}

body {
	background-color: #405268;
}

img {
	float: right;
	height: 400px;
	margin: -40px 10px 20px;
}

.contact-img{
	float: right;
	height: 300px;
	margin: 10px;
}

div {
	color: #29394d;
	background-color: #fff;
}