body {
	font-family: 'Roboto', sans-serif;
	text-rendering: optimizeLegibility;
	font-weight: 300;
	line-height: 1.7rem;

	color: #242424;
	
	border-left:2px solid rgb(15, 167, 255);
	border-right:2px solid rgb(15, 167, 255);
	margin:0px; 
	padding:2rem;
	padding-top:0px;
	min-height: calc(100vh + 4rem);

	background-color:#fff;
}

h1 {
	font-family: 'Ubuntu', sans-serif;
	margin-top:2rem;
	margin-bottom:0rem;
	font-size: 1.7rem;
	color: #1d1d1d;
}
h2 {
	font-family: 'Ubuntu', sans-serif;
	margin-top:2rem;
	margin-bottom:-0.5rem;
	font-size: 1.1rem;
	color: #161616;
}

.intro {
	font-size: 1.2rem;
	color: rgb(47, 55, 73);
	font-family: 'Roboto Condensed', sans-serif;
	display:block;
	background-color: rgb(241, 247, 255);
	padding: 1rem;
	border-radius: 3px;
}

a {
	text-decoration: none;
	color: #1f4de6;
}

nem {
	display:span;
	color: #686868;
}

article {
	position: relative;
	z-index:9;
	max-width: 820px;

	padding:2rem;
	padding-top:1rem;
	margin:auto;
	background-color:white;
	border-radius: 0px 20px 0px 0px;

	border-bottom: 10px dotted rgb(211, 211, 211);

}

article img {
	max-width:100%;

	display:block;
}

p {
	font-size: 1.05rem;
	margin-bottom: 1rem;
}

#feature-image {
	height:10px;
	width:100vw;
	margin-left:-2rem;
}


header {
	max-width:820px;
	margin:auto;
	padding:1.5rem;
	padding-top:2.5rem;
	padding-bottom:1rem;
}
header img {
	max-width: 80vw;
	width: 200px;
	margin-right:20px;
	margin-left:0px;
	float:left;
}

footer {
	text-align: center;
	width:calc(100vw-2rem);
	height: 20px;
	margin: 2rem;
	color: #686868;
	left:0px;
}

nav ul {
	margin:0px; padding:0px;
}
#nav-web li, #nev-mobile li {
	display:block;
	padding:10px;
	font-weight:bold;
	float:left;
	margin:5px;
	margin-top: -5px;
	border-radius: 5px; 
	font-size: 1.2rem;
}
#nav-web a, #nev-mobile a {
	text-decoration: none;
	color: rgb(20, 23, 26);
}

#nav-web, #nev-mobile {
	margin:auto;
	max-width:800px;
	display:block;
}

#nav-mobile {
	display:none;
}

#nav-inpage {
	position:absolute;
	right: calc((50vw - 420px - 220px - 3rem)*0.5);
	top:10rem;
	max-width: 220px;
	background-color: rgb(241, 247, 255);
	padding:1.5rem;
}
#nav-inpage ul {
	margin-left: 1rem;
	margin-top:1rem;
}
#nav-inpage h1 {
	font-size: 1.4rem;
}
#nav-inpage li {
	padding-bottom: 0.5rem;
}

.tablelist {
	margin-top:1.5rem;
	margin-bottom:2rem;
	border-collapse: collapse;
}
.tablelist tr {
	border-bottom: 1px solid rgb(206, 206, 206);
}

.tablelist td:nth-child(1) {
	color: #2f59e4;
	padding:0.5rem;
	padding-right:2rem;
	padding-left: 0rem;
	min-width: 9rem;
}
.tablelist tr:last-child {
	border-bottom: 0px;
}

@media screen and (max-width: 1465px) {
	#nav-inpage {
		position: initial;
		max-width:820px;
		margin:auto;
	}
}
@media screen and (max-width: 800px) {
	#nav-web li, #nav-mobile li {
	  float: none;
	}
	
	#nav-web {
		display:none;
	}
	#nav-mobile{
		display:block;
	}

	body {
		padding:0rem;
	}

	#feature-image{
		top:120px;
		margin-left:0rem;
	}

	header {
		padding-left:1rem;
	}

	article {
		border-radius: 0px 10px 0px 0px;
		padding:1rem;
		padding-top:2rem;
		-webkit-box-shadow: 0px 3px 2px 2px rgba(0,0,0,0);
		-moz-box-shadow: 0px 3px 2px 2px rgba(0,0,0,0);
		box-shadow: 0px 3px 2px 2px rgba(0,0,0,0);		
	}
  }


  #menu-button {
	padding:0.5rem; 
	background-color: rgb(20, 20, 20); 
	margin:10px; margin-left:0px;
	border-radius: 5px; 
	color: white; 
	width:100px; 
	text-align: center;
	float:left;
	border:0px;
}

.center {
	margin:auto;
}