body,html,ol,ul,li,a {
padding: 0;
margin: 0;
}
.menu {
width: 100%;
margin: 0;
padding: 0px 0px;
background-color: #6E797D;
text-align: right;
border-top: 1px solid #DFEAED;	
border-bottom: 1px solid #fff;
background: -webkit-linear-gradient(bottom, #C0D5DE 0%, #FFF 100%);
background: linear-gradient(to top, #C0D5DE 0%, #FFF 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,#C0D5DE), color-stop(100%,#FFF)); 
background: -moz-linear-gradient(bottom, #C0D5DE 0%, #FFF 100%);
background: -o-linear-gradient(bottom, #C0D5DE 0%, #FFF 100%); 
background: -ms-linear-gradient(bottom, #C0D5DE 0%, #FFF 100%); 
z-index: 1000;
}
.menu ul.frs {
position: relative;
margin: 0;
padding: 0;
display: inline-block;
list-style-type: none;
height: 30px;
}
.menu ul.frs li {
float: left;
width: 117px;
height: 34px;
}
.menu ul.frs.styk {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 1000;
margin: 0;
border-bottom: 1px solid #fff;
opacity: 1;
background: #4e9ad4;
height: 34px;
}
.menu ul.frs.styk li {
float: right; 
}
.menu ul.frs.styk li a {
color: white;
text-align: center;
display: block;
}
.menu ul.frs a {
text-align: center;
font-family: 'Rubik';
font-weight: 100;
font-size: 15px;
line-height: 34px;
color: #777;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 0.1px;
display: block;
}  
.menu ul.frs li:hover {
background-color: #DCFCF3;
}
.menu ul.frs li a:hover {
color: #D95087;
}
@media only screen and (max-width: 718px) {
.menu ul.frs {height: 68px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
            margin: auto; width: 100%; float: none; display: block;}
.menu ul.frs.styk { height: 68px; margin: auto;}    
.menu ul.frs li {float: none; margin: auto;}
.menu ul.frs.styk li {float: none; margin: auto;}  
.menu ul.frs li a { display: block; width: auto !important; text-align: center; margin: auto;}    
.menu ul.frs.styk li a { text-align: center;margin: auto; display: block;}     
.menu ul.frs.styk li:hover a {display: block;}
}  
@media only screen and (max-width: 380px) { 
  .menu ul.frs {position: relative; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;   
  float: none; display: block; width: 100%; height: 100%; text-align: center;}
  .menu ul.frs.styk {height: inherit; margin: auto;}  
  .menu ul.frs li {float: none; margin: auto; width: 100%; position: relative; display: block; 
                 text-align: center; border-bottom: 1px solid white; height: 16px;}   
  .menu ul.frs.styk li { float: none; margin: auto;}  
  .menu ul.frs li a {position: relative; display: block; width: 100%; text-align: center;	
                  margin: 0 auto; float: none; font-size: 9px; line-height: 16px;}    
  .menu ul.frs.styk li a {text-align: center; margin: auto; display: block; float: none; font-size: 9px;}     
  .menu ul.frs.styk li:hover a {display: block; width: auto;}  
  .menu ul.frs li:last-child:hover a {display: block; width: auto; text-align: center;}    
}