div.page{
	padding: 25px;
	margin: auto;
}

div.page.thin{
	max-width: 980px;
}









nav.actions{
	margin-top: 20px;
}

nav.actions li:not(:first-child){
	margin-top: 10px;
}

nav.actions a{
	display: block;
	text-decoration: none;
	color: var(--brand-heading-color);
	font-size: 18px;
	background-color: white;
	box-shadow: 0px 0px 5px 0px #eee;
}

nav.actions a:not(.disabled):hover{
	background-color: var(--brand-color);
	color: white;
	transition: background-color 75ms linear;
}

nav.actions a div{
	display: inline-block;
	vertical-align: middle;
}

nav.actions div.text{
	padding-left: 20px;
}

nav.actions div.image{
	padding: 10px;
	background-color: var(--brand-color);;
	border-right: 1px solid white;
}

nav.actions div.image img{
	height: 50px;
}

nav.actions a.disabled{
	cursor: default;
	color: #ccc;
}

nav.actions a.disabled div.image{
	background-color: #ccc;
}












ul.page_box_links{
	margin: 10px auto 0px;
	max-width: 1400px;
}

ul.page_box_links li{
	position: relative;
	margin-top: 25px;
	float: left;
	width: calc(33% - 13px);
	height: 250px;
	text-align: center;
	background-position: center;
	background-size: cover;
}

ul.page_box_links li:nth-child(4n),
ul.page_box_links li:nth-child(4n+1){
	width: calc(67% - 13px);
}

ul.page_box_links li:before{
	background-color: rgb(95, 88, 38);
}

ul.page_box_links li:nth-child(4n):before,
ul.page_box_links li:nth-child(4n+1):before{
	background-color: rgb(8, 68, 84);
}

ul.page_box_links li:before{
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0.6;
}

ul.page_box_links li:nth-child(odd){
	margin-right: 25px;
	clear: left;
}

ul.page_box_links li a{
	position: relative;
	display: block;
	height: 100%;
	color: white;
	font-size: 38px;
	text-decoration: none;
	line-height: 6em;
}

ul.page_box_links li:hover:before{
	opacity: 0.8;
	transition: opacity 0.2s;
}