@media only screen and (max-width : 979px) {
	
		    
	
	#page { 
		min-height: calc(100vh - 258px); 	
		padding-bottom: 152px; 				
	} 
	.footer { 
		height: 162px;
		padding: 24px 12px;  
	}
	
	
	div.home-animation { display: none; }
	
	div.burger { display: block; }
	
	#navbar { height: 4px; padding: 0; }
	#navbar * { display: none; }
	
	.content-section * { font-size: 22px; line-height: 28px; }
	.footer * { font-size: 13px; line-height: 22px;  }
	.footer .nav a { height: 12px; line-height: 12px }
	
	.content-section.with-bg.contact-mangolab{  min-height: calc(100vh - 338px); }
	
}

@media only screen and (max-width : 460px) {
	
	
	#page { 
		min-height: calc(100vh - 280px); 	
		padding-bottom: 204px; 				
	} 
	.footer { 
		height: 204px;
		padding: 24px 12px;  
	}
	
		
	.scroll-change h1,
	.scroll-change h1.invisible { font-size: 56px; line-height: 68px; }
	
}