I need to make content centered on the screen by the using of `display: table`

Here is my code: [JSFIDDLE](https://jsfiddle.net/1dosh3rp/2/)

I need to make "table" fit all the screen. But if `centered` is more than screen, table becomestoo large and forgets about `height: 100%`. How can I make the table and `centered` not to be more than screen and add scrollbars if it is more?