#logo, .toggle, [id^=drop] {display: none;}
nav {width: 100%; left:0; position: absolute;border:1px transparent;font-size:1.2em; display: inline-table;top: 2cm;z-index:1;}
nav img {height: 1.5cm;padding:10px 50px;border-top:white solid 1px;border-bottom:white solid 1px}
nav ul.menua {display:none;}
nav #login {float:right;font-weight:600}
nav ul {padding: 0;  margin: 0;  list-style: none;  position: relative;}
nav ul li {float: left;}
nav ul li.divider:hover {background-color: transparent}
nav a {display: block;}
nav ul ul {display: none;  position: absolute;}
nav ul li:hover > ul { display: inherit; }
nav ul ul li {  width: 250px;  float: none;  display: list-item;  position: relative;}
ul.menu {margin: 0 5% 0 0; padding-left: 5%;}
nav ul.menu li {margin:0; padding: 0;display:block;}
nav ul.menu a {padding: 10px 15px 10px 15px; text-decoration: none;text-transform:none;}
nav ul li#khusus {float:right;right:10%;}
nav ul li#khusus ul {right:0;text-align:right;}
#header {min-height:2cm; max-height:2cm; position:absolute;z-index:1;left:0}
div {font-size:1.05em;}
#body {padding-top:3cm;}
#content {width: 98%;}

@media all and (max-width : 1234px) {#main {width:60%;}}

@media all and (max-width : 768px) {
.toggle + a, .menu { display: none; }
.toggle {  display: block;  font-size: 25px;  line-height: 50px;  border: none;}
[id^=drop]:checked + ul { display: block; }
nav {position: absolute;text-align: left;font-size: 25px; top:0; right:0;width: 100%;left:0;padding:0;}
nav ul.menua {padding-left: .25cm;font-size:.7em;display: block; position:fixed;top:.25cm;z-index:1}
nav ul.menua li {position:relative;width:auto;border-radius: 5px;margin: 0 2px;}
nav ul.menua li a:hover {border-radius: 5px;}
nav ul.menua li a {text-decoration:none;padding:0 15px;}
nav ul li {display: block;  width: 100%;}
nav ul ul .toggle, nav ul ul a { padding: 10px 0; }
nav ul ul {  float: none;  position: static;}
nav ul ul li:hover > ul, nav ul li:hover > ul { display: none; }
nav ul ul li {  display: block;  width: 100%;}
nav label {padding:0;}
nav ul.menu a {font-size:20px;padding-left:50px;}
nav .toggle {padding-left:15px;}
nav > label.toggle {font-size:40px;float:right;padding-right:.25cm;text-align:right;margin-top:-0.2cm;width:100%}
nav ul li#khusus {display:none;}
ul.menu {margin: 0; padding-left: 0;}
#logo {padding:0; margin-left:0;text-align: center;display: block;  margin-top: 1cm;margin-right:0}
#logo a:hover {background-color:transparent;}
nav #login, nav #register, #home, #breadcrumb, #rightSidebar, #leftSidebar {display:none}
#main {width:95vw;font-size:1.3em;margin:0;padding-left:0.5%;padding-right:2.5%;}
#header {display:none;}
}