header {
  height:360px;
  z-index:10;
}
.header-banner {
  background-color: #333;
  background-image: url('http://www.naval.com.br/ngb/bg.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 300px;
 
}

header .logo {
  
  background-image: url('http://www.naval.com.br/ngb/NGB2.gif');
  background-position: center top;
  background-repeat: no-repeat;
  position: absolute;
  top: 30px;
  height: 250px;
  width: 250px;
  left: 30px;
  border-radius: 100%;
  border-style: solid;
  border-color: white;
  
}

header h1 {
  top: 30px;
  text-align:right;
  top: 250px; 
  color: #fff;
  top: 150px;
  margin-right: 30px;
  padding-top: 230px;
 
}

.fixed-header {
  position: fixed;
  top:0; left:0;
  width: 100%; 
}

nav {
  width:100%;
  height:60px;
  background: #094696;
  postion:fixed;
  z-index:10;
}

nav ul { 
  list-style-type: none;
  margin: 0 auto;
  padding-left:0;
  text-align:right;
  width: 960px; 
  max-width: 100%;
}
nav ul li { 
  display: inline-block; 
  line-height: 60px;
  margin-right: 15px;
}
nav ul li a {
  text-decoration: none; 
  color: #a9abae;
  font-family: 'Fjalla One', sans-serif;
  font-size: 90%;
}

/* demo */
.content{ width: 960px; max-width: 80%; margin:0 auto; padding-top: 30px; }

/* resets */
body { margin:0px; padding:0px; }

body {
	font-family: 'Droid Serif', serif !important;
	padding: 10px;
	margin-left: 12%;
	margin-right: 12%;
	color: #000000;
	font-size: 1.4em !important;
}

.topo

{
	background-color: #1433AD
	
	}
	
.brasao {
	text-align: center;
}


h1 {
	color: 0C4C91;
	font-family: 'Russo One', sans-serif !important;
	font-size: 36px;
	text-align: center; 
	margin-bottom: 0;
	letter-spacing: 1px;
	
	
	

}

h2 {
	color: 000000;
	font-family: 'Russo One', sans-serif;
	font-size: 30px;
	text-align: center;
	letter-spacing: 1px;
	}


h3 {
	color: FFFFFF;
	font-family: 'Russo One', sans-serif;
	font-size: 24px;
	text-align: center;
	padding: 5px;
	
	}	

h4 {
	color: 0C4C91;
	font-family: 'Russo One', sans-serif;
	font-size: 24px;
	text-align: left;
	letter-spacing: 4px;
	padding: 0px;
	border: 2px;
	border-color: #1433AD;
	
	}
	
h5 {
	color: 0C4C91;
	font-family: 'Russo One', sans-serif;
	font-size: 24px;
	text-align: left;
	letter-spacing: 2px;
	padding: 0px;
	border: 2px;
	border-color: #1433AD;
	}		

.bio {
	color: white;
	font-size: 14px;
}

.me {

	height: 300px;
	border-radius: 100%;
	border-style: solid;
	border-color: white;
	margin-top: 40px;
}

.about {

	width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.grey {

	height: 4px;
	background-color: FFFFFF;
	border: none;
	width: 100px;
}

.container {
	text-align:center;
   	}

table {
	border-spacing: 0px;}
th, td {
	padding: 5px 30px 5px 10px;
	border-spacing: 0px;
	font-size: 90%;
	margin: 0px;}
th, td {
	color: #737476;
	font-family: 'Cousine', monospace;
	text-align: right;
	background-color: #e0e9f0;
	border-top: 1px solid #f1f8fe;
	border-bottom: 1px solid #cbd2d8;
	border-right: 1px solid #cbd2d8;}
tr.head th {
	color: #fff;
	font-family: 'Cousine', monospace;
	background-color: #90b4d6;
	border-bottom: 2px solid #547ca0;
	border-right: 1px solid #749abe;
	border-top: 1px solid #90b4d6;
	text-align: center;
	text-shadow: -1px -1px 1px #666;
	letter-spacing: 0.15em;}
tr.head th:first-child {
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-left-radius: 5px;}
tr.head th:last-child {
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	border-top-right-radius: 5px;}
td {
	text-shadow: 1px 1px 1px #fff;
	font-style: normal;
}

.comandantes {
				text-align: left;}