html{
      
   background: #ffffff;
   max-width: 100%
   background: -webkit-gradient(linear, left top, left bottom, from(#aecfe4), to(#ffffff));
   background: -webkit-linear-gradient(top, #aecfe4, #ffffff);
   background: -moz-linear-gradient(top, #aecfe4, #ffffff);
   background: -ms-linear-gradient(top, #aecfe4, #ffffff);
   background: -o-linear-gradient(top, #aecfe4, #ffffff);
   background-image: -ms-linear-gradient(top, #aecfe4 0%, #ffffff 100%);
}

*{
  
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
}


.header{

   height: 72px;
   box-sizing: border-box;
   width: 100%;
   background: red;
   display: block;
   border: 1px solid #28404e;
   background: #486270;
   background: -webkit-gradient(linear, left top, left bottom, from(#647078), to(#486270));
   background: -webkit-linear-gradient(top, #647078, #486270);
   background: -moz-linear-gradient(top, #647078, #486270);
   background: -ms-linear-gradient(top, #647078, #486270);   background-image: -ms-linear-gradient(top, #647078 0%, #486270 100%);
   background: -o-linear-gradient(top, #647078, #486270);
   box-shadow: 1px 1px 3px gray;

}

.header h2{

   color: white;
   margin-left: 25px;
   box-sizing: border-box;
   padding-top: 14.5px;
   text-shadow: 1px 1px 3px #394044;
   display: inline-block;
   text-align: left;
   width: ;
}

.nav_buttons{

   display: inline-block;
   float: right;
   margin-right: 150px;
   margin-top: 11px;

}

.nav_buttons a{

   color: white;
   margin-left: 25px;
   text-align: center;
   width: 125px;
   padding-top: 14.5px;
   text-shadow: 1px 1px 3px #394044;
   display: inline-block;
   border: 1px solid #8d968d;
   background: #2d9b21;
   background: -webkit-gradient(linear, left top, left bottom, from(#4fc642), to(#2d9b21));
   background: -webkit-linear-gradient(top, #4fc642, #2d9b21);
   background: -moz-linear-gradient(top, #4fc642, #2d9b21);
   background: -ms-linear-gradient(top, #4fc642, #2d9b21);
   background: -o-linear-gradient(top, #4fc642, #2d9b21);
   background-image: -ms-linear-gradient(top, #4fc642 0%, #2d9b21 100%);
   padding: 10px 20px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #005D92 0 -1px 0;
   color: #FFFFFF;
   font-size: 14px;
   font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
   font-weight: bold;
   text-decoration: none;
   vertical-align: middle;
   font-size: 14.5px;
   box-shadow: 1px 1px 1px gray;
}

.nav_buttons a:hover{

   border: 1px solid #005D92;
   text-shadow: #005D92 0 -1px 0;
   background: #007CC2;
   background: -webkit-gradient(linear, left top, left bottom, from(#6CB5E4), to(#007CC2));
   background: -webkit-linear-gradient(top, #6CB5E4, #007CC2);
   background: -moz-linear-gradient(top, #6CB5E4, #007CC2);
   background: -ms-linear-gradient(top, #6CB5E4, #007CC2);
   background: -o-linear-gradient(top, #6CB5E4, #007CC2);
   background-image: -ms-linear-gradient(top, #6CB5E4 0%, #007CC2 100%);
   color: #FFFFFF;
   text-decoration: none;
   
}

.main_content{
   
   max-width: 640px;
   min-height: 900px;
   margin: 0 auto; 
}

.main_content h1{
   
   margin: 25px;
   
}

.main_content h2{
   
   margin: 25px;
   
}

.main_content h3{
   
   margin: 25px;
   
}

.main_content p{
    
   margin: 25px; 
}

.main_content ul{

   margin: 0 35px;
}

@media (max-width: 900px) {

.nav_buttons{

   margin-right: 65px;

}

@media (max-width: 750px) {


.header h2{
    
    max-width: 100%;
    height: 65px;
 
}

.nav_buttons{

   display: block;
   width: 100%;
   margin: 0 auto;
   padding: 0;
   position: absolute;
   left: 0;
   margin-bottom: 25px;
   background: #2d9b21;
   background: -webkit-gradient(linear, left top, left bottom, from(#4fc642), to(#2d9b21));
   background: -webkit-linear-gradient(top, #4fc642, #2d9b21);
   background: -moz-linear-gradient(top, #4fc642, #2d9b21);
   background: -ms-linear-gradient(top, #4fc642, #2d9b21);
   background: -o-linear-gradient(top, #4fc642, #2d9b21);
   background-image: -ms-linear-gradient(top, #4fc642 0%, #2d9b21 100%);
   box-shadow: 1px 1px 3px gray;
   border-bottom: 1px solid black;
   overflow: hidden;

}

.main_content{
   
   margin-top: 65px;
}

.nav_buttons a{

   width: 49%;
   display: inline-block;
   margin: 0;
   border: none;
   box-shadow: none;
   padding: 16.5px 0;

}

.nav_buttons a:hover{

   border: none;
}


}