.centered {
	position: fixed;
	top: 50%;
	left: 50%;
	/* bring your own prefixes */
	transform: translate(-50%, -50%);
	font-size: 30px;
}

body {
  font-family: 'OpenSans-Regular', Fallback, sans-serif;
}

@font-face {
  font-family: OpenSans-Regular;
  src: url('fonts/open-sans/OpenSans-Regular.eot');
  src: url('fonts/open-sans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('fonts/open-sans/OpenSans-Regular.woff2') format('woff2'), 
    url('fonts/open-sans/OpenSans-Regular.woff') format('woff'),
    url('fonts/open-sans/OpenSans-Regular.ttf') format('truetype'),
    url('fonts/open-sans/OpenSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}