body {
		background-image: url(backgr.jpg);
		background-color: #152e52;
		background-attachment: fixed;
		background-size: cover;
		font-family:bahnschrift;
		margin: 0px;
}

.header-logo,
.header-middle,
.header-contact,
.sidebar,
.left-container {display: inline-block; vertical-align:top; padding-bottom: 20px}

.main-container,
.header-container{width: 1200px; margin: auto;}

header {
	background-color: #10274a;
	height: 200px;
	color: #ffffff;
	position: sticky;
	top: -170px;
}

.header-logo {
	width: 350px;
	height: 200px;
}

.header-middle {
	font-size: 27.5px;
	width: 500px;

}
.header-contact {
	font-size: 27.5px;
	width: 340px;

}
.header-paragraph {padding: 20px;}

.left-container {
	width: 855px; 
	margin-top: 10px; 
	background-color: rgba(25,57,105,0.60);
	padding-left: 20px;
	padding-right: 20px;
	
	}
.nav {
	margin-top: 20px;
	margin-left: 40px;
}

.nav-buttons {
	list-style: none;
	padding: 4px;
}
.nav-button {
	margin-bottom: 10px;
	border: 1px solid #10274a;
	border-radius: 5px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 200px;
	background-color: #d3dded; /* Old browsers */
	background-image:    -moz-linear-gradient(top, #dedded 0%, #d3dded 100%); /* FF3.6+ */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedded), color-stop(100%,#d3dded)); /* Chrome,Safari4+ */
	background-image: -webkit-linear-gradient(top, #dedded 0%,#d3dded 100%); /* Chrome 10+,Safari 5.1+ */
	background-image:      -o-linear-gradient(top, #dedded 0%,#d3dded 100%); /* Opera 11.10+ */
	background-image:         linear-gradient(to top, #d3dded 0%,#dedded 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedded', endColorstr='#d3dded',GradientType=0 ); /* IE6-9 */
	background-repeat: repeat-x; /* Repeat the gradient */
}

a {color: white;}
#ref {padding-left: 36px; padding-right: 36px;}
#ref2 {padding-left: 78px; padding-right: 78px;}

.nav-button:hover {
	background-color: #193969;
	background-image: none;
	box-shadow: inset 2px 4px 5px rgba(0,0,0,.12);
}
.nav-button:hover > a {
	color: #ffffff;
}

.nav-button > a {
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
  font-family: bahnschrift;
  font-size:17px;
  white-space: nowrap;
  color:#000;
  text-align: center;
  text-decoration: none;
}

.main { background-color: #193969; padding: 10px; margin-top: 20px; color: #d3dded;}
.main > p {text-align: justify; padding-left: 32px; padding-right: 32px;}
.main > ol {padding-left: 47px; padding-right: 32px;}
.main > p > a {color: #d3dded;}

h3 {font-size: 24px}
h2 {font-size: 32px;}
h1 {color: white; font-size: 60px; margin:0px; margin-top: 40px; margin-left: 20px;}

.sidebar {
	background-color: rgba(25,57,105,0.60);
	font-size: 20px;
	margin-left: 10px;
	margin-top: 10px;
	
	width: 290px;
	color: white;
	position: sticky;
	top: 40px;
}

footer {
	background-color: #10274a;
	height: 200px;
	color: #ffffff;
}