/**
 * Base
 *
 * Description: Contains some base styling for some common html-elements.
 * Version: 1.0.3
 * -----------------------------------------------------------------------------
 */


*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
}
   
 
body, html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	background-color: $grey-lighter; 
}

body.is-fixed {
	position: fixed;
	overflow: hidden;
}

iframe {
	border: 0;
	width: 100%;
}

#main-content {
	outline: none;
}


/* Flexbox sticky footer */
.flexbox {
	body {
		display: flex;
		flex-direction: column;
		height: 100%;
	}

	#main-content {
		flex: 1 0 auto;
		width: 100%;
	}
	
	#page-header, #page-footer {
		flex: none;
	}
}