This is not the best way to center vertically. Try this on a different screen size and you will see what I mean.
Try using `display: table;` and `display: table-cell;` as explained here: http://css-tricks.com/vertically-center-multi-lined-text/