/*
X Small				<576px
Small					≥576px
Medium 				≥768px
Large 				≥992px
Extra 				≥1200px
Extra large 	≥1400px

Breakpoint at 1600px to avoid that the header wraps because the menu is huge.
See end of file
*/

@media only screen and (max-width: 768px) {
	header {
		height: 55px;
	}
	
	header nav.mega-menu-wrap > ul.mega-menu {
		height: 100vh!important;
	}
	
	header nav.mega-menu-wrap > ul.mega-menu > li.mega-menu-item {
		height: 40px!important;
	}
	
	header nav.mega-menu-wrap > ul.mega-menu > li.mega-menu-item.mega-toggle-on {
		height: auto!important;
	}

	
	header nav.mega-menu-wrap > ul.mega-menu > li.mega-menu-item > a.mega-menu-link {
		color: white!important;
		font-size: 1.3em!important;
		line-height: 40px!important;
		height: auto!important;
	}
	
	body .under-construction {
		border-width: 20px;
	}
	
	main div.news-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	
	main div.news-grid > div {
		width: 80vw;
		gap: 20px;
	}
	
	footer div.footer-nav-container {
		display: none;
	}
}

@media only screen and (min-width: 769px) and (max-width: 1200px) {
	header {
		height: 60px!important;
	}
	
	header nav.mega-menu-wrap > ul.mega-menu > li.mega-menu-item > a.mega-menu-link {
		font-size: 1.3em!important;
		line-height: 60px!important;
	}
}

@media only screen and (min-width: 1201px) and (max-width: 1400px) {
	header {
		height: 70px!important;
	}
	
	header nav.mega-menu-wrap > ul.mega-menu > li.mega-menu-item > a.mega-menu-link {
		font-size: 1.4em!important;
		line-height: 70px!important;
	}
}

@media only screen and (min-width: 1401px) {
	header nav.mega-menu-wrap > ul.mega-menu > li.mega-menu-item > a.mega-menu-link {
		font-size: 1.4em!important;
	}
}



@media (min-width: 1600px) {

}