@media (max-width: 740px){
     .menu {
          display: none;
     }
}
@media (min-width: 741px){
     .menu {
          padding:0px;
          margin:0px;
          display: flex;
          justify-content: flex-end;
          align-items: center;
     }
     
     .menu li {
          margin:0px 0px;
          display:inline;
          list-style:none;
          position:relative;
     }
     .menu li a {
          display:block;
          text-decoration:none;
          text-transform:uppercase;
          font-size:13px;
          text-align: center;
          padding-left: 10px;
          color: grey;
     
     }
     .menu li a:hover,.menu .highlight {
          text-decoration: underline;
     }
     
     .menu li ul {
          height:auto;
          position:absolute;
          top:100%;
          left:0px;
          z-index:10;
          display:none;
          margin:0px;
          padding:0px;
          width:10vw;
     }
     .menu li ul li a {
          display:block;
          padding:15px 10px;
          text-decoration:none;
          color:#fff;
          background:#13244B;
          border:none;
          line-height:normal;
          text-transform:none;
          font-size:13px;
          text-align:left;
          font-weight:400;
     }
     .menu li ul li a:hover {
          color:#fff;
          border:none;
          background:#000;
     }
     .menu li li {
          display:block;
          float:none;
     }
     .menu li:hover > ul {
          display:block;
     }
     .menu li ul ul {
          left:90%;
          top:0px;
     }
}