.menu {
position: fixed;
background-color: #2E8CAC;
top: 0; 
left: 0;
right: 0;
width: 100%;
height: 65px;
z-index: 100;
}
.tabs h1 {
display: inline-block;
position: relative;
font-family: 'Neucha', Arial, sans-serif;
color: #ffbfaf;
text-shadow: 1px 2px 4px #ea6657, 0 0 0 hsla(0, 0%, 0%, 0.3), 1px 2px 4px #ea6657;
letter-spacing: 4px;
font-size: 2.4em;
font-weight: 400;
line-height: 65px;
margin: 0 0 0 20px;
float: left;
line-height: 65px;
}
.menu div { 
position: relative;
display: block;
float: none;
height: 65px;
line-height: 65px;
font-size: 0.975em;
font-weight: 100;
font-family: 'Kadwa', Arial, sans-serif;
text-transform: lowercase;
margin: 0 0 0 0;
}
.menu a {      
height: 65px;
font-family: 'Kadwa', Arial Narrow, sans-serif;
text-transform: uppercase;
font-weight: 100;
font-size: 0.84em;
line-height: 65px;
margin: 0 0 0 37px;
padding: 5px 13px;
}
.menu .tabs { margin: 0 0 0 0; width: 100%;}
.tabs a  {height: 24px; line-height: 24px; color: #fff;}
.tabs a:hover {text-decoration: none; border-radius: 5px; color: #D95087;}
.tabs a:target {text-decoration: none; border-radius: 5px; color: #D95087;}
nav a:hover {background: #DCFCF3;}
.ods, .zkr {display: none; padding-left: 15px; background-color: transparent; 
 background-repeat: no-repeat; background-position: center-left;}
.ods {background-image: url(../icons/by-kp.png);}
.zkr {background-image: url(../icons/nb-cr.png);}
@media only screen and (max-width: 390px) {
.menu nav a {margin-left: 0;} 
.tabs {position: relative; width: 100%; margin: 0 0 0 0;}
nav.areas {display: none; width: 100%; margin-top: 0px; background-color: #2E8CAC;}
.areas a {display: block; text-align: center;}
.ods, .zkr {position: absolute; top: 24px; right: 12px;}
.ods {display: inline-block;}
.zkr {display: none;}
#odmn:target .ods {display: none;}
#odmn:target .zkr, #odmn:target .areas {display: inline-block;}
}