@media screen and (max-width: 768px) {
    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%; 
          background:#ffffff; 
          height: 14vw; 
          line-height:60px;
          border-bottom:1px solid #dddddd;
      }

      .hamburger{
        background: none;
      position: absolute;
      top: 0;
      right: 0;
      line-height: 88px;
      padding: 5px 15px 0px 15px;
      color: #999;
      border: 0;
      font-size: 2.4em;
      font-weight: bold;
      cursor: pointer;
      outline: none;
      z-index: 10000000000000;
      padding-top: 11px;
      padding-right: 30px;
      }
      .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;
        padding-top: 11px;
        padding-right: 30px;
      }
      .menu_mobile{    top: 17vw; z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#f1f1f1;  position:absolute; text-align:center; font-size:12px;}
      .menu_mobile ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;}
      .menu_mobile li {display: block;   padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
      .menu_mobile li:hover{display: block;    background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;}
      .menu_mobile ul li a { text-decoration:none;  margin: 0px; color:#666;}
      .menu_mobile ul li a:hover {  color: #666; text-decoration:none;}
      .menu_mobile a{text-decoration:none; color:#666;}
      .menu_mobile a:hover{text-decoration:none; color:#666;}
      
      .glyphicon-home{
        color:white; 
        font-size:1.5em; 
        margin-top:5px; 
        margin:0 auto;
      }
      header{
        display: flex;
        font-size: 18px;
        padding-top: 5px;
        /* position: fixed; */
        z-index: 999;
        flex-direction: row;
      }

      span{padding-left:20px;}
      a{color:#336699;}
}

@media screen and (max-width: 425px) {
      .hamburger {
        background: none;
        position: absolute;
        top: 0;
        right: 0;
        line-height: 36px;
        padding: 5px 15px 0px 15px;
        color: #999;
        border: 0;
        font-size: 1.4em;
        font-weight: bold;
        cursor: pointer;
        outline: none;
        z-index: 10000000000000;
        padding-top: 11px;
        padding-right: 30px;
    }
}