/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
header {visibility: hidden;}

div.missionsnav {  
  z-index:10000000000000;
  width: 100%;
  position: relative;
  float: right;
  display: inline; 
  font-family: 'Noto Sans', sans-serif; 
  color: #fff;
  text-transform: uppercase;
  text-align: right;
  margin: 0;
  }

.missionsnav li {display: inline;
                padding-right: 20px;
                }

.missionUL li {
          display: inline;
          margin: 0;


}

.missionUl, .missionUl a { 
          list-style: none; 
          color: #fff;
          margin: 0;
          padding: 0;
          }

.missionUl a:visited { list-style: none; 
          color: #fff;
          }

.missionUl a:hover, .missionUl a:focus { 
          list-style: none; 
          color: #c2b59b;
          text-decoration: none;
          }


}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
header {visibility: hidden;}



}



body{
  font-family: 'Noto Sans', sans-serif;
  margin:0;
  width:100%;
  height:100vh;
    background:#ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
header{
  width:100%; 
  height:60px; 
  line-height:60px;
}
.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:45px;
  padding:5px 30px 0px 15px;
  color:#999;
  border:0;
  font-size:1.4em;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:0px;
  right:0;
  padding:7px 15px 0px 15px;
  color:#999;
  border:0;
  font-size:3em;
  line-height:65px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#c2b59b; 
  position:absolute; text-align:center; font-size:12px; text-transform: uppercase;
}
.menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
.menu li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu li:hover{display: block; background:#052e55; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
.menu ul li a { text-decoration:none;  margin: 0px; color:#666;}
.menu ul li a:hover {  color: #fff; text-decoration:none;}
.menu a{text-decoration:none; color:#fff;}
.menu a:hover{text-decoration:none; color:#fff;}

.glyphicon-home{
  color:white; 
  font-size:1.5em; 
  margin-top:5px; 
  margin:0 auto;
}
header{display:inline-block; font-size:12px;}
span{padding-left:20px;}
a{color:#336699;}