/* 
* @Author: rickp
* @Date:   2015-11-23 20:46:54
* @Last Modified by:   rickpeters
* @Last Modified time: 2017-11-07 13:26:11
*/

html {
	height: 100%;
	overflow-x: hidden;
}

body {
	height: 100%;
	min-width: 320px;

	position: relative;

	display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: stretch;

	-webkit-overflow-scrolling: touch;
}

header {
	order: 0;
    flex: 0 1 auto;
    align-self: stretch;
}

main {
	order: 0;
    flex: 1 1 auto;
    align-self: stretch;
}

footer {
	order: 0;
    flex: 0 1 auto;
    align-self: auto;
}