h1, h2 {
	word-break: break-all;
}

@media(min-width: 21em) {
	h1, h2 {
		word-break: break-word;
	}
}

[class*="align-center"] {
	text-align: center;
}

[hidden="true"],
.is-hidden,
.hidden {
	display: none !important;
}

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px !important;
	white-space: nowrap;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	clip-path: none;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
	white-space: inherit;
}

.clipped {
	position: absolute;
	clip: rect(0 0 0 0);
	width: 0 !important;
	height: 0 !important;
	overflow: hidden;
}

.skip-link {
	position: absolute !important;
	top: -10rem;
	left: 0;
	z-index: 2;
	transition: none !important;
}

a.skip-link:focus {
	top: 1rem;
	left: 1rem;
	text-decoration: none;
	background-color: white;
	transition: none !important;
}

.is-locked {
	overflow-y: hidden;
}