html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}
body{
	background:#EDF2F4;
	height: 100%;
}
.site-container {
	max-width: 1240px;
	margin: 0 auto;
	background: #FFFFFF;
	box-shadow: 0 33px 40px rgba(0, 0, 0, 0.2);
	min-height: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.site-container > * {
	width: 100%;
}
.mainContainer {
	position: relative;
	/* height: calc(100% - 289px); */
	flex-grow: 1;
	min-height:400px;
}

@media(max-width:767px){
    .container {
    	padding-left:20px;
    	padding-right:20px;
    }
    .logged-in .mainContainer {
    	margin-left: 20px;
    	margin-right: 20px;
    	max-width: calc(100% - 40px);
    	width: 100%;
    }
}