@mixin animate($duration:0.3s){
	transition: all $duration;
}



.no-js {
	.toggle-main-navigation{display:none;}
}


.shadeout{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba($black,0.45);
	z-index:1;
	opacity:1;
}

.page-row__spacer{
	.default-spacer{height:1.5rem;}
	.space-1{height:1.5rem;}
	.space-2{height:3rem;}
	.space-3{height:4.5rem;}
	.space-4{height:6rem;}
	.space-5{height:7.5rem;}
	
}

.space-half-line{margin-top:0.75rem;}
.space-1-line{margin-top:1.5rem;}

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

.main-container {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}

/*.page-content{
	
	.cell{
		opacity: 0;
		transition: opacity 250ms ease-out 0s,transform 250ms ease-out 0s;
		transform: translate3d(-3rem, 0px, 0px);
		backface-visibility: hidden;
		
	}
	
	.cell:nth-child(1){
		transform: translate3d(3rem, 0px, 0px);
		transition-delay: 200ms;
	}

	
	.cell.come-in{
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
	
	.cell.already-visible {
		opacity:1;
		transition:none;
		transform: translate3d(0, 0, 0);
	}

	
}

@keyframes come-in {
  to { transform: translateX(0); }
}
*/