/* thirds */

div.one-third {
	width: 47.5%;
}

div.one-third-second {
	margin: 0;
}

div.one-third-last {
	clear: both;
	float: none;
	width: auto;
	padding: 20px 0 0 0;
}

/* quarters */

div.one-quart {
	width: 20%;
}

div.one-quart-second {
	margin: 0;
}

div.one-quart-third {
	margin: 0;
}
div.one-quart-last {
	clear: both;
	float: none;
	width: auto;
	padding: 10px 0 0 0;
}

/* other bits */

div.nav ul li {
	width: 25%;
	border-bottom: 1px solid #bababa;
}

@media screen and (max-width: 620px) {
	div.nav ul li {
		width: 33%;
	}
	
	.the-grid {
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 1rem;
		vertical-align: text-bottom;
	}

}

@media screen and (max-width: 500px) {

	div.nav ul li {
		width: 50%;
		font-size: 85%;
	}

	div.mobile-collapse {
		width: auto;
		float: none;
		margin-right: 0;
	}

	.hide-mobile {
		display: none;
	}

}