Центрируем по вертикали все что угодно
html, body {
height: 100%;
margin: 0;
}
body {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: flex;
}
// Примечание: Следите за багами (ошибки) flexbox в IE11 и контролируйте процесс html-верстки.
// https://css-tricks.com/centering-css-complete-guide/