Привожу код, который надо отцентрировать по вертикали и по горизонтали. Помогите пожалуйста отцентрировать.
<div class="header">
<div class="container ">
<div class="row justify-content-center align-items-center header_string" >
<div class="col ">
<a href="#" class="header_href"><img src="logo.png"></a>
</div>
<div class="col header-col header_col_left">
<a href="#"class="header_href">Продукция завода</a>
</div>
<div class="col header-col">
<a href="#"class="header_href">Меню</a>
</div>
<div class="col header-col">
<a href="#"class="header_href">Интернет-магазин</a>
</div>
<div class="col header-col">
<a href="#"class="header_href">Контакты</a>
</div>
<div class="col">
8-800-775-10-68
<br>
<a href="" class="header_href"></a>
</div>
<div class="col">
<a href="#"><img src="korzina.png"></a>
</div>
<div class="col">
<a href="#"><img src="lang_ru.png"></a>
</div>
</div>
</div>
</div>
</div>
CSS
.string
{
background-color: #bdbdbd;
text-align: center;
padding: 10px;
margin: 50px;
margin-top: 0px;
}
.column_text
{
color: #4e505d;
text-decoration: none;
}
.row_string
{
width: 100px;
}
.header_string
{
background-color: #414455;
color: white;
text-align: center;
}
.header-col
{
border-right-color: #797d88; /* Цвет линии справа */
border-right-style: solid; /* Стиль линии */
border-right-width: 1px; /* Толщина линии */
height:50px;
text-align:center;
}
.header_col_left
{
border-left-color: #797d88; /* Цвет линии справа */
border-left-style: solid; /* Стиль линии */
border-left-width: 1px; /* Толщина линии */
}
.header_href
{
color: white;
text-decoration: none;
}