If you know the height of the element, CSS Calc can make it super simple to position an element vertical centre and respect a responsive layout. 50vh is always half the height of the viewport, so we position the element half way down the screen.
Full article