*{
  padding:0;
  margin:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
 }
 body{
  background:#FFFFFA;
 }
 header{
  position:fixed;
  width:60%;
 }
 header nav {
  width:90%;
  //height:40%;
  max-width:1080px;
  margin:auto 100px;
  margin-top:180px;
  background:#0E6EAB;  
 }
 .menu_bar{
  //display:none;
 }
 header nav ul{
  overflow:hidden;
  list-style:none;
 }
 header nav ul li{
  //float:right;
 }
 header nav ul li a{
  color: white; /*#fff;*/
  padding:6px;
  display:block;
  text-decoration:none;
  //text-align:left;
 }
 header nav ul li span{
   margin-right:10px;
 }
 header nav ul li a:hover{
   background:#33A6EF; //#037E8C;	 
 }
 section{
   padding:20px;
 }
@media screen and (max-width:449px ){
   header nav {
	  width:58%;
	  height:64%;
	  right:-50%;
	  //left:-100%;
	  //margin:0;
	  margin-top:120px;
	  position:fixed;
   }
   header nav ul li{
	  display:block;
	  float:none;
	  border-bottom:1px solid rgba(255,255,255,0.3);
   }
 p {
  //display:block;
  //width:90%;
  //max-width:1000px;
  font-size:28px;
  //margin:20px auto;
  //padding:0; 
  //margin:0;
  //width:20%;
  //height:20%;
 }
 video{
  //border: 3px solid #C00;
  width:396px;
  height:400px;
  }
 img{
	//display:block; 
 }  
 .menu_bar{
  //display:block;
  //width:98%;
  //height:-4%;
  //background:#CBFACD; //#ccc;
  }
 .menu_bar .bt-menu {
  display:block;
  padding:6px;
  //background:#CBFACD; //024959;
  color:black; /*#fff;*/
  text-decoration:none;
  //text-align:left;
  font-weight:bold;
  font-size:25px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
 }
 .menu_bar span{
    //float:right;
    font-size:40px;
 }
}