h1, h2, h3, h4 {
	all: unset;
	display: block;
	font-size: 12pt;
	font-weight: 900;
	margin: 0 0 12pt 0;
}

form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20pt;
	width: 100%;
}

article section {
	margin: 20pt 0;
}

form section {
	display: grid;
	grid-template-columns: 2fr 5fr;
	width: 100%;
	margin: 5pt 0;
}

form section input {
	width: 100%;
}

footer {
	padding: 30pt;
}

.aside {
	float: right;
	width: 50vw;
	max-width: 360px;
	margin: 0 0 20pt 20pt;
}

.aside-left {
	float: left;
	width: 50vw;
	max-width: 360px;
	margin: 0 20pt 20pt 0;
}

.aside-left.summary {
	max-width: 430px;
	margin-right: 40pt;
}

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

	form {
		grid-template-columns: 1fr;
	}

	footer {
		padding: 30pt 0;
	}

	footer .col-xs-4 {
		all: unset;
		display: block;
		text-align: center;
		margin: 6pt;
	}

	#brand {
		display: grid;
		grid-template-rows: 1fr 20px;
		gap: 4pt;
		margin: 20pt 0;
	}

	#brand > * {
		display: unset;
	}

	#tagline {
		margin: unset;
	}

	.aside, .aside-left {
		all: unset;
		width: 100%;
		margin-bottom: 20pt;
	}
}

.split {
	column-count: 2;
}

#footer {
	margin-bottom: 20pt;
}

#search-form {
	display: unset;
}

#search-form label {
	all: unset;
	font-weight: 700;
	cursor: default;
}

#search-form input,
#search-form textarea {
	padding: 5pt;
	width: 100%;
}

#search-form textarea {
	resize: none;
}

#search-form .search-option {
	display: grid;
	grid-template-columns: 220px 1fr;
	margin: 10pt auto;
	max-width: 500px;
}

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

	.dropdown-header, .dropdown-menu > li > a {
		white-space: unset;
	}

	.navbar ul.nav li a {
		text-indent: unset;
		padding-left: 30px;
	}

	#search-form .search-option {
		all: unset;
		display: block;
		padding: 10pt 5pt;
	}
}

.popup {
	display: none;
	position: absolute;
	top: 10%;
}

.popup.visible {
	display: block;
}

.row.photo-menu > div a {
	border: none !important;
	outline: none !important;
}

.row.photo-menu > div a.item-0 > div:before {
	border: none;
}

.row.photo-menu > div a.item-1 > div:before,
.row.photo-menu > div a.item-5 > div:before {
	background-position: bottom center;
}

.row.photo-menu > div a.item-3 > div:before {
	background-position: center center;
}

.doublespace li {
	margin: 16pt 0;
}

.halfspace li {
	margin: 8pt 0;
}

.hallmark {
	cursor: pointer;
}

.hallmark img {
	width: 80px;
	height: auto;
}

#brand,
#brand:hover,
#brand:active,
.hallmark,
.hallmark:hover,
.hallmark:active {
	color: unset;
	text-decoration: none;
	border: none;
	outline: none;
}