html {
	height:100%;
	width: 100%;
}

body {  
	display: flex;
   min-height:  100%;
 flex-direction: column;
}

.main-container {
  flex: 1 0 auto; /* 2 */
padding: var(--space) var(--space) 0;
  width: 100%;
}

.footer-container {
  flex: none; /* 2 */
}