@media (max-width:840px) {
	#menu, .topnav {display:none;}
	.slicknav_menu	{display:block;}
	.slicknav_btn {
		position:absolute;
		top:25px;
		right: 25px;
		padding:10px;	
	}
	

	.topRight {
		padding-top:5px;
		}
	.banner {
		grid-template-areas:
			"logo	topright menu";
		grid-template-columns:1fr 1fr 43px;
		grid-template-rows:auto;
		column-gap:30px;
		text-align: left;
	}
	.main {padding-top:101px;}
	.header {border-bottom:2px solid #184B9D}
	
	.shrink .slicknav_btn {top: 8px;}
}

@media (max-width:1000px) {
	.compactGrid .columns4 {grid-template-columns: repeat(2, 1fr);}
	.compactGrid .columns4 .highlightOverlay {padding-top: 29%;}
}

@media (max-width:852px) {
	.footerCol {
		margin-bottom: 32px;
	}
	.footerCol.noSpace {padding-top: 12px;}
}

@media (max-width:714px) {
	.columns3 .highlightOverlay {padding-top: 19%;}
}

@media (max-width:564px) {
	.blogFeedContain {grid-template-columns: 1fr;gap: 24px;}
	.columns4 {grid-template-columns: 1fr;}
	.columns4 .highlightOverlay {padding-top: 30%;}
}

@media (max-width:420px) {
	.logo {max-width: 200px;}
	.main {padding-top: 83px;}
	.slicknav_btn {top: 13px;}
	.shrink .slicknav_btn {top: 2px;}
	.yellowBorderTop ul {grid-template-columns: 1fr;gap: 24px;}
}