<div class="nav"><div class="menu-topmenuua-container"><ul id="menu-topmenuua" class="topmenu"><li id="menu-item-30" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-30"><a href="/">Главная</a></li>
<li id="menu-item-24" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-24"><a href="http://№">О нас</a>
<ul class="sub-menu" >
	<li id="menu-item-210" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210"><a href="/">Подпункт</a></li>
  <li id="menu-item-210" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-210"><a href="/">Подпункт</a></li>
</ul>
</li>
<li id="menu-item-25" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-25"><a href="#">Гражданам</a></li>
<li id="menu-item-26" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26"><a href="#">Бизнесу</a></li>
<li id="menu-item-27" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-27"><a href="#">Пресс центр</a></li>
<li id="menu-item-28" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-28"><a href="#">Контакты</a></li>
</ul></div></div>

.nav{
				ul{
					text-align: center;
					list-style-type: none;
					align-items: center;
					li{
						display: inline-block;
						text-align: center;
						margin: 0 15px;
						vertical-align: middle;
						position: relative;
						
						a{
							font-size: 15px;
							color: #232323;
							font-family: 'Century Gothic';
							font-weight: bold;
							text-decoration: none;
							display: block;
							text-align: center;
						}
						
						.sub-menu{
							
							position: absolute;
							left: 0;
							top: 30px;
							padding: 20px;
						}
						
						
					}
					& > li:first-child{
						a{
							width: 36px;
							height: 35px;
							text-indent: -9999px;
							background: red ;
							background-size: cover;
						}
					}
					
				}
				
			}