nav{height:3.6em;background-color:#3974a5;text-align:center;margin:0;padding:0;width:100%;display:inline-block;vertical-align:top;position:relative;box-shadow:0 5px 10px rgba(0,0,0,.3)}nav ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;list-style:none;line-height:3.6em;height:3.6em;width:100%;padding:0;margin:0;position:absolute;left:0;top:0}nav ul li{z-index:200;line-height:3.6em;height:3.6em;display:inline-block;cursor:pointer;flex-grow:1}nav ul li a{margin:0;padding:0;width:100%;color:#fff;display:inline-block;font-weight:bold;font-size:1.4em}nav ul li a:hover{background-color:#5393c8}nav ul li ul{display:none;height:auto}nav ul li.clicked>ul{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start;list-style:none;line-height:3.6em;height:3.6em;width:100%;padding:0;margin:0;position:absolute;left:0;top:3.6em}nav>ul{background-color:#3974a5;position:relative;width:90%;margin-left:5%;margin-right:5%}nav>ul li>a{background-color:#3974a5}nav>ul li ul{background-color:#1862a0;top:3.6em}nav>ul li ul li>a{background-color:#1862a0}nav>ul li ul li ul{background-color:#094c83;top:3.6em}nav>ul li ul li ul li>a{background-color:#094c83}