html {

  background-color:#163E64 ;

 }

 h3 {
    color: white;
    text-align: center;
    font-family: arial , 'Times New Roman', Times, serif;
    padding-left: 40px;
    padding-right: 40px;
    
 }
 

.headcontainer {

   max-width: 100%;
   
   
   border-bottom: 3px solid black;
  /*  background-color:#e4e8df ;
    padding-left: 40px;
    padding-right: 40px;
    box-sizing: border-box;
    font-size: 87%; */
 }
 
 /* header*/

.blank{

   width: 50% ;
       float:left ;
}

.name {

    
      width: 25% ;
       float:left ;
     
 }

 
 
.logo {

    
      width: 25%;
      float:right; 
}

 /* End  header*/


/* site navigation*/
.site-nav ul {
margin: 0px;
padding: 0;

}
.site-nav li {

list-style:none ; /* remove bullet*/
float: right;
margin-left: 3px;
}

.site-nav a {
   display:block;
   color: white;
   text-decoration: none; /* Remove underline*/
   padding: 10px 20px;
   border: 3px solid black;
   border-top: none;
}
.site-nav a:hover {
 
   background-color:#2b465f  ;
}
/* End  site navigation*/
.mission{

   width: 90%;
   
   margin-left: auto;
   margin-right:auto ;
   padding-left: 40px;
   padding-right: 40px;
   box-sizing: border-box;

}

.mission h3{

   text-align: center;
    font-weight: normal;
    
   font-family: arial , 'Times New Roman', Times, serif;
}

.fix {
  clear: both;

}
 footer {
     
    color: white;
    text-align: center;
    font-family: arial , 'Times New Roman', Times, serif;
    font-size: small;
 }
 .id{
    text-align: right;
 }

 .group:before,
.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1;
}