Centralizar texto verticalmente em MENU (CSS)

Olá, estou desenvolvendo um site onde não posso editar o HTML dos menus, então estou trabalhando de uma forma mais "gambiarra". O Menu possui botões que são palavras "únicas" e outros botões onde há "duas linhas de palavras".

Porém não consigo centralizar verticalmente os dois. Assim, por exemplo ------=====-------

HTML (Não posso alterar nada, apenas acrescentar mais botões)

<nav class="menu_component" id="component_37548">
 <menu class="dropdown">
 <li id="menu_item_39037" class="sub">
 <a alt="O SIENPRO" title="" target="" class="empty-href">
 O SIENPRO
 </a>
 <menu class="submenu">
 <li id="menu_item_41614" class="">
 <a alt="SOBRE" title="" target="" class="" href="/p/21374-sobre-o-sienpro">
 SOBRE
 </a>
 </li>
 <li id="menu_item_39038" class="">
 <a alt="COMIT&Ecirc;" title="" target="" class="" href="/p/23834-comite-2018">
 COMIT&Ecirc;
 </a>
 </li>
 </menu>
 </li>
 <li id="menu_item_41615" class="">
 <a alt="TEMA" title="" target="" class="" href="https://sienpro.catalao.ufg.br/#tema">
 TEMA
 </a>
 </li>
 <li id="menu_item_41616" class="">
 <a alt="PRINCIPAIS DATAS" title="" target="" class="" href="https://sienpro.catalao.ufg.br/#datas">
 PRINCIPAIS DATAS
 </a>
 </li>
 <li id="menu_item_39040" class="sub">
 <a alt="EDI&Ccedil;&Otilde;ES SIENPRO" title="" target="" class="empty-href">
 EDI&Ccedil;&Otilde;ES SIENPRO
 </a>
 <menu class="submenu">
 <li id="menu_item_41593" class="">
 <a alt="I SIENPRO - 2017" title="" target="" class="" href="/p/23811-i-sienpro-2017">
 I SIENPRO - 2017
 </a>
 </li>
 <li id="menu_item_41605" class="">
 <a alt="II SIENPRO - 2018" title="" target="" class="" href="/p/23814-ii-sienpro-2018">
 II SIENPRO - 2018
 </a>
 </li>
 </menu>
 </li>
 <li id="menu_item_39041" class="">
 <a alt="CONTATO" title="" target="" class="" href="https://sienpro.catalao.ufg.br/#contato">
 CONTATO
 </a>
 </li>
 <li id="menu_item_41617" class="sub">
 <a alt="ARTIGOS" title="" target="" class="empty-href">
 ARTIGOS
 </a>
 <menu class="submenu">
 <li id="menu_item_41618" class="">
 <a alt="REGRAS PARA SUBMISS&Atilde;O" title="" target="" class="empty-href">
 REGRAS PARA SUBMISS&Atilde;O
 </a>
 </li>
 <li id="menu_item_41619" class="">

	 

	 

	CSS:

.menu_component *{

 margin: 0;
 padding: 0;
}

.menu_component .dropdown{

 width: 100%;
 height: 67px;
 background-color: #222;

}

.dropdown li{

 list-style: none;
 position: relative;
 float: left;
 width: 150px;
 text-align: center;
}

.dropdown li li{

 float: none;
 width: 200px;
 text-align: left;
}

.dropdown li a{

 padding: 15px !important;
 display: block;
 text-decoration: none;
 background-color: #222;
 font-size: 18px;
 color: #fff;
 height: 37px;

}

.dropdown .submenu {

 position: absolute;
 z-index: 1000;
 display: none;

}

.dropdown li:hover .submenu{

 display: block;

}

.dropdown a:hover{

 background-color: #f0f0f0;
 color: #000;

}

	Link do site: [https://sienpro.catalao.ufg.br/](https://sienpro.catalao.ufg.br/)

	 

	Menu como está:

	![imagem](https://forum.imasters.com.br/monthly_2018_03/image.png.af4f3083e3fb648777b01fd047f48434.png)

	 

	 

	Como eu gostaria que ficasse:

	![imagem](https://forum.imasters.com.br/monthly_2018_03/image.png.a0e5f94f227a093025e8d1eac98b68f3.png)