Cacher is the code snippet organizer for pro developers

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/