:root {
	/* Primary branding colours */
	--ur_primary_green: rgb(2, 71, 49);
	--ur_primary_gold: rgb(253, 200, 57);
	--ur_primary_black: rgb(0, 0, 0);
	
	/* Secondary palette */
	/* dark */
	--ur_370: rgb(101, 141, 27);
	--ur_3025: rgb(0, 79, 113);
	--ur_2617: rgb(71, 10, 104);
	--ur_229: rgb(103, 33, 70);
	--ur_188: rgb(118, 25, 47);
	--ur_153: rgb(190, 106, 20);
	
	/* midtones */
	--ur_347: rgb(0, 154, 68);
	--ur_blue: rgb(0, 133, 202);
	--ur_2603: rgb(112, 32, 130);
	--ur_234: rgb(162, 0, 103);
	--ur_186: rgb(200, 16, 46);
	--ur_716: rgb(234, 118, 0);
	
	/* light */
	--ur_360: rgb(108, 194, 74);
	--ur_312: rgb(0, 169, 206);
	--ur_272: rgb(116, 116, 193);
	--ur_2395: rgb(200, 0, 161);
	--ur_198: rgb(223, 70, 97);
	--ur_124: rgb(234, 170, 0);
}
.ur_green {
	color: var(--ur_primary_green);
}
.ur_gold {
	color: var(--ur_primary_gold);
}
.ur_black {
	color: var(--ur_primary_black);
}

body {
	background-color: color-mix(in srgb, var(--ur_primary_black) 5%, white);
	box-sizing: border-box;
}
picture {
	margin-bottom: 1rem;
	display: flex;
	justify-content: center;
	/*background-color: color-mix(in srgb, var(--ur_primary_gold) 70%, white);*/
}
h1 {
	margin-bottom: 0.25rem;
	color: var(--ur_primary_green);
	/*text-transform: uppercase;*/
	font-weight: 600;
	line-height: 1em;
}
h2 {
	font-size: 1.5em;
}
header p {
	margin-bottom: 4rem;
}
a {
	color: var(--ur_primary_green);
	text-decoration-color: var(--ur_primary_gold);
}
a:hover {
	background-color: color-mix(in srgb, var(--ur_primary_gold) 50%, white)
}
.cover_image {
	position: relative;
}
.cover_image h1 {
	position: absolute;
	width: 80%;
	top: 20px;
	left: 20px;
	font-weight: 800;
	font-size: 3.75em;
}
.alert-primary {
	background-color: color-mix(in srgb, var(--ur_primary_gold) 25%, white);
	border-color: var(--ur_primary_gold);
	color: var(--ur_primary_green);
}
.logo-row {
	background-color: #fff;
	border-bottom: 2px solid var(--ur_primary_green); 
}
.logo-row a:hover {
	background-color: #fff;
}
.content {
	padding-top: 3.5rem;
	padding-bottom: 8rem;
}
.header-row {
}
.content_row {
	background-color: #fff;;
}
.error {
	color: var(--ur_186);
}
.btn-primary,
.btn-primary:first-child:focus,
.btn-primary:first-child:active {
	background-color: var(--ur_primary_green);
	color: var(--ur_primary_gold);
	border: none;
}
.btn-primary:hover {
	background-color: var(--ur_primary_gold);
	color: var(--ur_primary_green);
}
.sm-icon {
	color: var(--ur_primary_green);
	/*font-size: 1.5rem;*/
	font-size: 0.8em;
	vertical-align: 0.1em;
	margin-right: 0.25em;
	padding-left: 0.2em;
}
.two_col {
	column-count: 2;
}
html {
	/*font-size: calc(.1em + 1vw);*/
		font-size: 16px;
}
@media (min-width:1400px) {
	.cover_image h1 {
		font-size: 2.5em;
	}
	ul.two_col {
		column-count: 3;
	}
}
@media (max-width:1399px) {
	.cover_image h1 {
		font-size: 4em;
	}
}
@media (max-width:1299px) {
	.cover_image h1 {
		font-size: 2.5em;
	}
}
@media (max-width:1200px) {
	.cover_image h1 {
		font-size: 2.25em;
	}
}
@media (max-width:853px) {
	.cover_image h1 {
		font-size: 2em;
	}
}
@media (max-width:767px) {
	html {
		font-size: .9em;
	}
	.cover_image h1 {
		font-size: 2.5em;
	}
	div.row.justify-content-center > div > div > div > div > h1 {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
	ul.two_col {
		column-count: 1;
	}
	.alert-primary {
		font-size: 1rem;
	}
}
@media (max-width:480px) {
	html {
		font-size: .95em;
	}
	.cover_image h1 {
		font-size: 1.75em;
	}
	div.row.justify-content-center > div > div > div > div > h1 {
		font-size: 1.25rem;
		line-height: 1.5rem;
	}
}
/* @media only screen and (max-width: 600px) { */
/* was original written as 575px */