body{margin:0;padding:0;background:#ccc}.header1{display:block;height:40px;background-color:#333}.header1 img{width:40px;float:right;margin-right:20px;cursor:pointer}#menu_show{position:fixed;width:60%;right:0;z-index:1;display:none}header h1{display:none}.nav{font-size:20px;display:none}.nav ul,.show_menu ul{list-style:none;background-color:#444;text-align:center;padding:0;margin:0;direction:rtl}.show_menu ul li{font-size:30px;margin-bottom:20px;border:0;border-bottom:1px solid #fff}.nav li,.show_menu li{font-family:Oswald,sans-serif;font-size:1.2em;line-height:40px;text-align:center}.nav a,.show_menu a{text-decoration:none;color:#fff;display:block;padding-left:15px;border-bottom:1px solid #888;transition:.3s background-color}.nav a:hover,.show_menu a:hover{background-color:#005f5f}.nav a.active,.show_menu a.active{background-color:#aaa;color:#444;cursor:default}.nav li li,.show_menu li li{font-size:.6em}.nav li ul li,.show_menu li ul li{display:none;text-align:center}.nav:hover li ul li{display:block}footer{width:100%;background-color:#333;text-align:center;font-size:15px;color:#fff;position:fixed;bottom:0;left:0}footer a{text-align:center;font-size:15px;color:#fff}@media screen and (min-width:670px){header h1{float:left;padding:0;margin:0;margin-left:60px;padding-left:40px;font-size:35px;margin-top:5px;color:#fff;display:block}header h1 span{color:red}.nav{display:block}.nav li{width:130px;border-bottom:none;height:50px;line-height:50px;font-size:1.4em;display:inline-block;margin-right:-4px}.nav a{border-bottom:1px solid #888}.header1{display:none}.nav>ul>li{text-align:center}.nav>ul>li>a{padding-left:0}.nav li ul{position:absolute;display:none;width:inherit}.nav li:hover ul{display:block}.nav li ul li{display:block}footer{font-size:20px}footer a{font-size:20px}}