<ul id="menu-rwd" class="menu1">
<li><a herf="#START" >START</a></li>
<li><a herf="#KONTAKT" >KONTAKT</a></li>
<li><a herf="#MAPA">MAPA</a> </li>
<li class="icon"><a>☰<a/></li>
</ul>
/*Downloaded from https://www.codeseek.co/krte85/cwiczenia-vXRZrR */
.menu1{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:blue;
}
.menu1 li{
float:left;
}
.menu1 li a{
padding:14px 18px;
display: inline-block;
text-decoration:none;
transition: 0.3s;
font-size:20px;
}
.menu1 li a:hover{
background-color:red;
}
.menu1 li.icon {display:none}
@media screen and (max-width:680px){
.menu1 li:not(:first-child){display:none;}
.menu1 li.icon {
display:inline-block;
float:right;
}
}
.menu2 li{
float:none;
display:inline;
text-align:center;
}
/*Downloaded from https://www.codeseek.co/krte85/cwiczenia-vXRZrR */