.subpageBody {
	height: 100%;
}


/* Fonts */

.subpageContentSectionTitle,
.subpageContentSectionParagraph,
.subpageContentSectionHeading,
.subpageContentSectionList {
	font-family: "Ubuntu", "Avenir Next", Avenir, "Lato", "HelveticaNeue-Light", "Helvetica Neue", "Montserrat", "Segoe UI", Helvetica, Arial, sans-serif;
}

.subpageNavTitle,
.subpageNavList {
	font-family: "Montserrat", "Avenir Next", "HelveticaNeue-Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Colours */

.subpageNavLink,
.subpageNavLink:visited {
	color: #a0a0a0;
}

.subpageNavLink:hover,
.subpageNavLink:active {
	color: #828282;
}

.subpageContentSectionTitle,
.selectedSubpageNavLink,
.selectedSubpageNavLink:hover,
.selectedSubpageNavLink:visited,
.selectedSubpageNavLink:active,
.subpageNavTitle,
.subpageNavTitle::before,
.subpageNavListItem::before,
.subpageNavListItem::after,
.subpageContentSectionList li:before {
	color: #ff3264;
}

.subpageNavTitle {
	border-color: #ff3264;
}

.subpageContentSectionParagraph,
.subpageContentSectionHeading,
.subpageContentSectionList,
.subpageContentLink,
.subpageContentLink:visited,
.subpageContentLink:active {
	color: #222222;
}

.subpageContentLink:hover {
	color: #ff3264;
}

.subpageNavTitle {
	background-color: transparent;
}

.subpageContentSection {
	background-color: #fff;
}

.subpageContentSection:nth-of-type(even) {
	background-color: #f5f5f5;
}


.subpageWhiteBGLayer {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 2;
	-webkit-animation-name: pdg-opacity-fadeout;
		 -moz-animation-name: pdg-opacity-fadeout;
			-ms-animation-name: pdg-opacity-fadeout;
			 -o-animation-name: pdg-opacity-fadeout;
					animation-name: pdg-opacity-fadeout;
}

.subpageBody header,
.subpageContentSection,
.subpageNav,
.subpageWhiteBGLayer {
	-webkit-animation-fill-mode: forwards;
		 -moz-animation-fill-mode: forwards;
			-ms-animation-fill-mode: forwards;
			 -o-animation-fill-mode: forwards;
					animation-fill-mode: forwards;
	-webkit-animation-duration: 0.8s;
		 -moz-animation-duration: 0.8s;
			-ms-animation-duration: 0.8s;
			 -o-animation-duration: 0.8s;
					animation-duration: 0.8s;
	-webkit-animation-delay: 0.2s;
		 -moz-animation-delay: 0.2s;
			-ms-animation-delay: 0.2s;
			 -o-animation-delay: 0.2s;
					animation-delay: 0.2s;
	-webkit-animation-timing-function: linear;
		 -moz-animation-timing-function: linear;
			-ms-animation-timing-function: linear;
			 -o-animation-timing-function: linear;
					animation-timing-function: linear;
}

.subpageBody header,
.subpageBody main,
.subpageContentSection,
.subpageNav {
	font-size: 0.95em;
}

.subpageBody header,
.subpageContentSection,
.subpageNav {
	visibility: hidden;
	opacity: 0;
	-webkit-animation-name: pdg-opacity-fadein;
		 -moz-animation-name: pdg-opacity-fadein;
			-ms-animation-name: pdg-opacity-fadein;
			 -o-animation-name: pdg-opacity-fadein;
					animation-name: pdg-opacity-fadein;
}

.subpageBody header {
	height: 7em;
	background: rgba(255, 255, 255, 0.9);
	border-bottom: 1px solid #ebebeb;
}

.subpageBody main {
	margin-top: 7em;
}

.subpageContentSection {
	width: 100%;
	height: auto;
	min-height: -webkit-calc(100% - 7em);
	min-height: -moz-calc(100% - 7em);
	min-height: calc(100% - 7em);
	display: table;
	border-bottom: 1px solid #ebebeb;
}

.subpageContentSection * {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}

.subpageBody header h1 {
	width: 7.5em;
	height: 5.25em;
	left: 5%;
	top: 0.9em;
}

.subpageBody .menuBtn,
.subpageBody .mainNavBackground,
.subpageBody .pageContentBackground {
	right: 5%;
	top: 0.8em;
}

.subpageBody .menuBtn span,
.subpageBody .menuBtn span::before,
.subpageBody .menuBtn span::after {
	height: 5px;
}

.subpageBody .menuBtn span::before {
	top: -11px;
}

.subpageBody .menuBtn span::after {
	bottom: -11px;
}

.subpageBody .menuBtn.is-active span::before {
  top: 0;
}

.subpageBody .menuBtn.is-active span::after {
  bottom: 0;
}

.subpageContentSectionOuterWrapper {
	font-size: 1.2rem;
	display: table-cell;
	vertical-align: middle;
}

.subpageContentSectionInnerWrapper {
	margin-left: auto;
	margin-right: auto;
	padding-top: 2em;
	padding-bottom: 2em;
	padding-right: 5%;
	width: 45em;
	float: right;
}

.subpageContentSectionTitle {
	font-size: 2.5em;
	font-weight: 400;
	margin-bottom: 0.6em;
}

.subpageContentSectionParagraph,
.subpageContentSectionList {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.8em;
}

.subpageContentSectionParagraph {
	margin-bottom: 1.2em;
}

.subpageContentSectionParagraph:last-of-type {
	margin-bottom: 2em;
}

.subpageContentSectionParagraphLessMargin {
	margin-top: -0.8em;
}

.subpageContentSectionParagraph:last-of-type.subpageContentSectionParagraphOverList,
.subpageContentSectionParagraphOverList {
	margin-bottom: 0.4em;
}

.subpageContentSectionHeading {
	display: inline;
	font-size: 1em;
	border-bottom: 2px solid #222222;
	font-weight: 500;
	line-height: 1.2em;
	margin-bottom: 0.7em;
	margin-top: 0.8em;
}

.subpageContentSectionHeadingWithMargin {
	margin-top: 1em;
}

.subpageContentSectionParagraphBeforeHeading {
	margin-bottom: 2em;
}

.subpageContentSectionParagraphAfterHeading {
	margin-top: 0.8em;
}

.subpageContentSectionList {
	margin-top: 0em;
	margin-bottom: 1.2em;
}

.subpageContentSectionListExtraMargin {
	margin-bottom: 2em;
}

.subpageContentSectionList li {
	margin-bottom: 0.4em;
	list-style-type: none;
  position:relative;
	padding-left: 1em;
}

.subpageContentSectionList li:before {
	content: '•';
	display: inline-block;
	position: absolute;
	left: 0;
}

.subpageContentSectionParagraph b,
.subpageContentSectionList li b {
	font-weight: 500;
}

.subpageBody em{
	font-style: italic;
	font-weight: 300;
}

.subpageContentSectionTitle em {
	font-style: italic;
	font-weight: 400;
}

.subpageNav {
	position: fixed;
	z-index: 200;
	top: -webkit-calc(50% + 4.5em);
	top: -moz-calc(50% + 4.5em);
	top: calc(50% + 4.5em);
	left: 5%;
	-webkit-transform: translateY(-50%);
		 -moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			 -o-transform: translateY(-50%);
					transform: translateY(-50%);
}

.subpageNavTitle {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 			box-sizing: border-box;
	position: relative;
	top: 0;
	left: 0;
	border: 4px solid;
	font-weight: 600;
	font-size: 1.15em;
	line-height: 1.3em;
	text-align: center;
	text-transform: uppercase;
	padding: 0.3em 0;
	margin-bottom: 1.6em;
	cursor: default;
	-webkit-user-select: none;
		 -moz-user-select: none;
			-ms-user-select: none;
					user-select: none;
}

.subpageNavTitleTriangle {
	display: none;
}

.subpageNavTitleBr {
	display: block;
}

.subpageNavListItem {
	display: block;
	position: relative;
	width: 13.6em;
	margin: 0;
}

.subpageNavLink,
.subpageNavLink:hover,
.subpageNavLink:visited,
.subpageNavLink:active {
	display: block;
	width: 100%;
	opacity: 1;
	font-size: 1.1em;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 0em;
	padding-right: 1em;
	-webkit-user-select: none;
		 -moz-user-select: none;
		  -ms-user-select: none;
					user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transition: color 0.4s ease;
		 -moz-transition: color 0.3s ease;
			-ms-transition: color 0.3s ease;
			 -o-transition: color 0.3s ease;
					transition: color 0.3s ease;
	cursor: pointer;
}

.subpageNavTitle::before,
.subpageNavListItem::before,
.subpageNavListItem::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	border-style: solid;
	-webkit-transition: all 0s;
		 -moz-transition: all 0s;
			-ms-transition: all 0s;
			 -o-transition: all 0s;
					transition: all 0s;
}

.subpageNavTitle::before,
.subpageNavListItem::before {
	border-width: 0 2px 0 0;
}

.subpageNavTitle::before {
	right: -4px;
	top: -webkit-calc(100% - 1px);
	top: -moz-calc(100% - 1px);
	top: calc(100% - 1px);
	height: -webkit-calc(1.6em + 7px);
	height: -moz-calc(1.6em + 7px);
	height: calc(1.6em + 7px);
}

.subpageNavListItem::after {
	top: -1px;
	bottom: -1px;
	left: 1px;
	right: 0px;
	border-width: 2px 0;
	-webkit-transform: scale(0);
		 -moz-transform: scale(0);
			-ms-transform: scale(0);
			 -o-transform: scale(0);
					transform: scale(0);
}

.subpageNavListItem.selectedSubpageNavListItem::before {
	-webkit-transform: translateX(-webkit-calc(2px - 100%));
		 -moz-transform: translateX(-moz-calc(2px - 100%));
			-ms-transform: translateX(calc(2px - 100%));
			 -o-transform: translateX(calc(2px - 100%));
					transform: translateX(-webkit-calc(2px - 100%));
					transform: translateX(-moz-calc(2px - 100%));
					transform: translateX(calc(2px - 100%));
}

.subpageNavListItem.selectedSubpageNavListItem::after {
	-webkit-transform: scale(1);
		 -moz-transform: scale(1);
			-ms-transform: scale(1);
			 -o-transform: scale(1);
					transform: scale(1);
}

.subpageContentLink,
.subpageContentLink:hover,
.subpageContentLink:visited,
.subpageContentLink:active {
	text-decoration: none;
	border-bottom: 2px solid #ff3264;
	cursor: pointer !important;
	-webkit-transition: color 0.5s linear 0s;
		 -moz-transition: color 0.5s linear 0s;
			-ms-transition: color 0.5s linear 0s;
			 -o-transition: color 0.5s linear 0s;
					transition: color 0.5s linear 0s;
}

/* Media queries */

@media screen and (min-height: 45em) {
	.subpageNavTitle {
		line-height: 1.45em;
		padding: 0.33em 0;
		margin-bottom: 1.8em;
	}

	.subpageNavTitle::before {
		height: -webkit-calc(1.8em + 5px);
		height: -moz-calc(1.8em + 5px);
		height: calc(1.8em + 5px);
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active {
		padding-top: 1.25em;
		padding-bottom: 1.25em;
	}
}

@media screen and (min-height: 60em) {
	.subpageNavTitle {
		line-height: 1.6em;
		padding: 0.36em 0;
		margin-bottom: 2.2em;
	}

	.subpageNavTitle::before {
		height: -webkit-calc(2.2em + 5px);
		height: -moz-calc(2.2em + 5px);
		height: calc(2.2em + 5px);
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
}

@media screen and (min-height: 80em) {
	.subpageNavTitle {
		line-height: 2em;
		padding: 0.45em 0;
		margin-bottom: 2.8em;
	}

	.subpageNavTitle::before {
		height: -webkit-calc(2.8em + 5px);
		height: -moz-calc(2.8em + 5px);
		height: calc(2.8em + 5px);
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active {
		padding-top: 2em;
		padding-bottom: 2em;
	}
}

@media screen and (max-height: 36em) {
	.subpageNavTitle {
		margin-bottom: 1.2em;
	}

	.subpageNavTitle::before {
		height: -webkit-calc(1.2em + 5px);
		height: -moz-calc(1.2em + 5px);
		height: calc(1.2em + 5px);
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active {
		padding-top: 0.75em;
		padding-bottom: 0.75em;
	}
}

@media screen and (max-height: 32em) {
	.subpageNavTitle {
		margin-bottom: 0.8em;
	}

	.subpageNavTitle::before {
		height: -webkit-calc(0.8em + 5px);
		height: -moz-calc(0.8em + 5px);
		height: calc(0.8em + 5px);
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active {
		padding-top: 0.5em;
		padding-bottom: 0.5em;
	}
}

@media screen and (max-height: 26em) {
	.subpageNav {
		display: none;
	}
}

@media screen and (min-width: 90em) {
	.subpageBody header h1,
	.subpageNav {
		left: 6%;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 6%;
	}

	.subpageContentSectionInnerWrapper {
		padding-right: 6%;
	}
}

@media screen and (min-width: 100em) {
	.subpageBody header h1,
	.subpageNav {
		left: 9%;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 9%;
	}

	.subpageContentSectionInnerWrapper {
		padding-right: 9%;
	}
}

@media screen and (min-width: 110em) {
	.subpageBody header h1,
	.subpageNav {
		left: 12%;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 12%;
	}

	.subpageContentSectionInnerWrapper {
		padding-right: 12%;
	}
}

@media screen and (min-width: 110em) {
	.subpageBody header h1,
	.subpageNav {
		left: 15%;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 15%;
	}

	.subpageContentSectionInnerWrapper {
		padding-right: 15%;
	}
}

@media screen and (min-width: 130em) {
	.subpageBody header h1,
	.subpageNav {
		left: 18%;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 18%;
	}

	.subpageContentSectionInnerWrapper {
		padding-right: 18%;
	}
}

@media screen and (max-width: 84em) {
	.subpageContentSectionInnerWrapper {
		width: 40em;
	}
}

@media screen and (max-width: 80em) {
	.subpageContentSectionInnerWrapper {
		width: 38em;
	}
}

@media screen and (max-width: 76.5em) {
	.subpageContentSectionInnerWrapper {
		width: 36em;
	}
}

@media screen and (max-width: 73em) {
	.subpageContentSectionInnerWrapper {
		width: 34em;
	}
}

@media screen and (max-width: 69em) {
	.subpageContentSectionInnerWrapper {
		width: 32em;
	}
}

@media screen and (max-width: 65em) {
	.subpageContentSectionInnerWrapper {
		width: 30em;
	}
}

@media screen and (max-width: 61.5em) {
	.subpageContentSectionInnerWrapper {
		width: 28em;
	}
}

@media screen and (max-width: 58em) {
	.subpageContentSectionInnerWrapper {
		width: 26em;
	}
}

@media screen and (max-width: 54em) {
	.subpageContentSectionInnerWrapper {
		width: 24em;
	}
}

@media screen and (max-width: 50em) {
	.subpageBody header,
	.subpageBody main,
	.subpageContentSection,
	.subpageNav {
		font-size: 0.9em;
	}

	.subpageBody .menuBtn span,
	.subpageBody .menuBtn span::before,
	.subpageBody .menuBtn span::after {
		height: 4px;
	}

	.subpageBody .menuBtn span::before {
		top: -10.5px;
	}

	.subpageBody .menuBtn span::after {
		bottom: -10.5px;
	}

	.subpageContentSectionTitle {
		font-size: 2.2em;
	}

	.subpageContentSectionParagraph,
	.subpageContentSectionHeading,
	.subpageContentSectionList {
		font-size: 0.9em;
	}

	.subpageBody header h1 {
		left: 3%;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 3%;
	}

	.subpageContentSectionInnerWrapper {
		padding-right: 3%;
	}

	.subpageNav {
		left: 3%;
	}
}

@media screen and (max-width: 46em) {
	.subpageBody header,
	.subpageBody main,
	.subpageContentSection {
		font-size: 0.9em;
	}

	.subpageNav {
		display: block;
		font-size: 0.9rem;
		z-index: 200;
		position: fixed;
		width: 100%;
		height: 4em;
		top: 7em;
		left: 0;
		right: 0;
		margin: 0;
		padding: 0;
		overflow: visible;
		background-color: #ff3264;
		border-bottom: 1px solid #c70026;
	}

	.subpageNavTitle {
		position: absolute;
		width: 100%;
		top: 55%;
		left: 0;
		right: 0;
		-webkit-transform: translateY(-50%);
			 -moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				 -o-transform: translateY(-50%);
						transform: translateY(-50%);
		border: none;
		font-size: 1.7em;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		vertical-align: middle;
		padding: 0.5em 0em;
		margin: 0;
		color: #980026;
		cursor: pointer;
		-webkit-user-select: none;
			 -moz-user-select: none;
				-ms-user-select: none;
						user-select: none;
	}

	.subpageNavListItem {
		visibility: hidden;
		top: -webkit-calc(4em + 1px);
		top: -moz-calc(4em + 1px);
		top: calc(4em + 1px);
		width: 90%;
		height: 0;
		margin: 0 auto;
		overflow: hidden;
		background-color: #ff3264;
		border-bottom: 1px solid #c70026;
		-webkit-transform-origin: 50% 0%;
			 -moz-transform-origin: 50% 0%;
			  -ms-transform-origin: 50% 0%;
				 -o-transform-origin: 50% 0%;
				 		transform-origin: 50% 0%;
		-webkit-transform: perspective(365px) rotateX(-90deg);
			 -moz-transform: perspective(365px) rotateX(-90deg);
				-ms-transform: perspective(365px) rotateX(-90deg);
				 -o-transform: perspective(365px) rotateX(-90deg);
						transform: perspective(365px) rotateX(-90deg);
	}

	.narrowWidthSubpageNav .subpageNavListItem {
		height: 3.5em;
		visibility: visible;
		-webkit-transform: perspective(365px) rotateX(0deg);
			 -moz-transform: perspective(365px) rotateX(0deg);
				-ms-transform: perspective(365px) rotateX(0deg);
				 -o-transform: perspective(365px) rotateX(0deg);
						transform: perspective(365px) rotateX(0deg);
		-webkit-transition: -webkit-transform 0.15s linear 0s, height 0s 0s, visibility 0s 0s;
			 -moz-transition: -moz-transform 0.15s linear 0s, height 0s 0s, visibility 0s 0s;
				-ms-transition: -ms-transform 0.15s linear 0s, height 0s 0s, visibility 0s 0s;
				 -o-transition: -o-transform 0.15s linear 0s, height 0s 0s, visibility 0s 0s;
						transition: transform 0.15s linear 0s, height 0s 0s, visibility 0s 0s;
	}

	.subpageNavListItem:nth-child(1) {
		-webkit-transition: -webkit-transform 0.1s linear 0.5s, height 0s 0.6s, visibility 0s 0.6s;
			 -moz-transition: -moz-transform 0.1s linear 0.5s, height 0s 0.6s, visibility 0s 0.6s;
				-ms-transition: -ms-transform 0.1s linear 0.5s, height 0s 0.6s, visibility 0s 0.6s;
				 -o-transition: -o-transform 0.1s linear 0.5s, height 0s 0.6s, visibility 0s 0.6s;
						transition: transform 0.1s linear 0.5s, height 0s 0.6s, visibility 0s 0.6s;
	}

	.subpageNavListItem:nth-child(2) {
		-webkit-transition: -webkit-transform 0.1s linear 0.4s, height 0s 0.5s, visibility 0s 0.5s;
			 -moz-transition: -moz-transform 0.1s linear 0.4s, height 0s 0.5s, visibility 0s 0.5s;
				-ms-transition: -ms-transform 0.1s linear 0.4s, height 0s 0.5s, visibility 0s 0.5s;
				 -o-transition: -o-transform 0.1s linear 0.4s, height 0s 0.5s, visibility 0s 0.5s;
						transition: transform 0.1s linear 0.4s, height 0s 0.5s, visibility 0s 0.5s;
	}

	.subpageNavListItem:nth-child(3) {
		-webkit-transition: -webkit-transform 0.1s linear 0.3s, height 0s 0.4s, visibility 0s 0.4s;
			 -moz-transition: -moz-transform 0.1s linear 0.3s, height 0s 0.4s, visibility 0s 0.4s;
				-ms-transition: -ms-transform 0.1s linear 0.3s, height 0s 0.4s, visibility 0s 0.4s;
				 -o-transition: -o-transform 0.1s linear 0.3s, height 0s 0.4s, visibility 0s 0.4s;
						transition: transform 0.1s linear 0.3s, height 0s 0.4s, visibility 0s 0.4s;
	}

	.subpageNavListItem:nth-child(4) {
		-webkit-transition: -webkit-transform 0.1s linear 0.2s, height 0s 0.3s, visibility 0s 0.3s;
			 -moz-transition: -moz-transform 0.1s linear 0.2s, height 0s 0.3s, visibility 0s 0.3s;
				-ms-transition: -ms-transform 0.1s linear 0.2s, height 0s 0.3s, visibility 0s 0.3s;
				 -o-transition: -o-transform 0.1s linear 0.2s, height 0s 0.3s, visibility 0s 0.3s;
						transition: transform 0.1s linear 0.2s, height 0s 0.3s, visibility 0s 0.3s;
	}

	.subpageNavListItem:nth-child(5) {
		-webkit-transition: -webkit-transform 0.1s linear 0.1s, height 0s 0.2s, visibility 0s 0.2s;
			 -moz-transition: -moz-transform 0.1s linear 0.1s, height 0s 0.2s, visibility 0s 0.2s;
				-ms-transition: -ms-transform 0.1s linear 0.1s, height 0s 0.2s, visibility 0s 0.2s;
				 -o-transition: -o-transform 0.1s linear 0.1s, height 0s 0.2s, visibility 0s 0.2s;
						transition: transform 0.1s linear 0.1s, height 0s 0.2s, visibility 0s 0.2s;
	}

	.subpageNavListItem:nth-child(6) {
		-webkit-transition: -webkit-transform 0.1s linear 0s, height 0s 0.1s, visibility 0s 0.1s;
			 -moz-transition: -moz-transform 0.1s linear 0s, height 0s 0.1s, visibility 0s 0.1s;
				-ms-transition: -ms-transform 0.1s linear 0s, height 0s 0.1s, visibility 0s 0.1s;
				 -o-transition: -o-transform 0.1s linear 0s, height 0s 0.1s, visibility 0s 0.1s;
						transition: transform 0.1s linear 0s, height 0s 0.1s, visibility 0s 0.1s;
	}

	.narrowWidthSubpageNav .subpageNavListItem:nth-child(1) {
		-webkit-transition-delay: 0s;
			 -moz-transition-delay: 0s;
				-ms-transition-delay: 0s;
				 -o-transition-delay: 0s;
						transition-delay: 0s;
	}

	.narrowWidthSubpageNav .subpageNavListItem:nth-child(2) {
		-webkit-transition-delay: 0.15s;
			 -moz-transition-delay: 0.15s;
				-ms-transition-delay: 0.15s;
				 -o-transition-delay: 0.15s;
						transition-delay: 0.15s;
	}

	.narrowWidthSubpageNav .subpageNavListItem:nth-child(3) {
		-webkit-transition-delay: 0.3s;
			 -moz-transition-delay: 0.3s;
				-ms-transition-delay: 0.3s;
				 -o-transition-delay: 0.3s;
						transition-delay: 0.3s;
	}

	.narrowWidthSubpageNav .subpageNavListItem:nth-child(4) {
		-webkit-transition-delay: 0.45s;
			 -moz-transition-delay: 0.45s;
				-ms-transition-delay: 0.45s;
				 -o-transition-delay: 0.45s;
						transition-delay: 0.45s;
	}

	.narrowWidthSubpageNav .subpageNavListItem:nth-child(5) {
		-webkit-transition-delay: 0.6s;
			 -moz-transition-delay: 0.6s;
				-ms-transition-delay: 0.6s;
				 -o-transition-delay: 0.6s;
						transition-delay: 0.6s;
	}

	.narrowWidthSubpageNav .subpageNavListItem:nth-child(6) {
		-webkit-transition-delay: 0.75s;
			 -moz-transition-delay: 0.75s;
				-ms-transition-delay: 0.75s;
				 -o-transition-delay: 0.75s;
						transition-delay: 0.75s;
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active,
	.selectedSubpageNavLink {
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		font-weight: 300;
		color: #faf2e0;
		margin: 0;
		padding: 0.8em 0;
		-webkit-transform: translateY(-50%);
			 -moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				 -o-transform: translateY(-50%);
						transform: translateY(-50%);
		-webkit-user-select: none;
			 -moz-user-select: none;
				-ms-user-select: none;
						user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-webkit-tap-highlight-color: rgba(152, 0, 38, 0.5);
		-webkit-transition: all 0s;
			 -moz-transition: all 0s;
				-ms-transition: all 0s;
				 -o-transition: all 0s;
						transition: all 0s;
		cursor: pointer;
	}

	.selectedSubpageNavLink,
	.selectedSubpageNavLink:hover {
		font-weight: 500;
		text-decoration: underline;
	}

	.subpageNavTitleTriangle {
		display: inline;
		margin-right: 0.5em;
	}

	.subpageNavTitleBr {
		display: none;
	}

	.subpageNavTitle::before,
	.subpageNavListItem::before,
	.subpageNavListItem::after {
		display: none;
		visibility: hidden;
		opacity: 0;
	}

	.subpageBody header {
		height: 7em;
		background: #fff;
		border: none;
	}

	.subpageBody header,
	.subpageNav {
		-webkit-transition: -webkit-transform 0.2s;
			 -moz-transition: -moz-transform 0.2s;
				-ms-transition: -ms-transform 0.2s;
				 -o-transition: -o-transform 0.2s;
						transition: transform 0.2s;
	}

	.subpageNav {
		-webkit-transform: translateY(0);
			 -moz-transform: translateY(0);
				-ms-transform: translateY(0);
				 -o-transform: translateY(0);
						transform: translateY(0);
	}

	.subpageBody main {
		margin-top: 11em;
	}

	.subpageContentSection {
		min-height: 0;
	}

	.subpageBody header h1 {
		left: 3%;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 3%;
	}

	.subpageContentSectionInnerWrapper {
		padding-right: 3%;
	}

	.subpageContentSectionInnerWrapper {
		float: none;
		width: -webkit-calc(100% - 8em);
		width: -moz-calc(100% - 8em);
		width: calc(100% - 8em);
		margin: 0 auto;
		padding-top: 1.5em;
		padding-bottom: 1em;
		padding-right: 0;
	}

	.subpageContentSectionTitle {
		width: 100%;
		font-size: 2.2em;
		text-align: center;
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active,
	.selectedSubpageNavLink {
		font-size: 1.4em;
	}

	.subpageContentSectionParagraph {
		width: 100%;
		font-size: 0.9em;
	}

	.subpageContentSectionHeading,
	.subpageContentSectionList {
		font-size: 0.9em;
	}
}

@media screen and (max-width: 44em) {
	.subpageBody header,
	.subpageBody main,
	.subpageContentSection {
		font-size: 0.875em;
	}

	.subpageNav {
		font-size: 0.875rem;
	}

	.subpageBody header h1 {
		width: 7.38em;
		height: 5.16em;
		left: 2.75%;
		top: 0.92em;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 2.95%;
		top: 0.775em;
	}

	.subpageBody .menuBtn span,
	.subpageBody .menuBtn span::before,
	.subpageBody .menuBtn span::after {
		height: 4px;
	}

	.subpageBody .menuBtn span::before {
		top: -10.38px;
	}

	.subpageBody .menuBtn span::after {
		bottom: -10.38px;
	}

	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 6.6em);
		width: -moz-calc(100% - 6.6em);
		width: calc(100% - 6.6em);
	}

	.subpageContentSectionTitle {
		font-size: 2.15em;
	}

	.subpageContentSectionParagraph,
	.subpageContentSectionHeading,
	.subpageContentSectionList {
		font-size: 0.875em;
	}

	.subpageNavTitle {
		font-size: 1.68em;
	}
}

@media screen and (max-width: 42em) {
	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 6em);
		width: -moz-calc(100% - 6em);
		width: calc(100% - 6em);
	}
}

@media screen and (max-width: 40em) {
	.subpageBody header,
	.subpageBody main,
	.subpageContentSection {
		font-size: 0.875em;
	}

	.subpageNav {
		font-size: 0.875rem;
	}

	.subpageBody header h1 {
		width: 7.3em;
		height: 5.11em;
		left: 2.75%;
		top: 0.935em;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 2.95%;
		top: 0.775em;
	}

	.subpageBody .menuBtn span,
	.subpageBody .menuBtn span::before,
	.subpageBody .menuBtn span::after {
		height: 4.75px;
	}

	.subpageBody .menuBtn span::before {
		top: -10.75px;
	}

	.subpageBody .menuBtn span::after {
		bottom: -10.75px;
	}

	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 5.38em);
		width: -moz-calc(100% - 5.38em);
		width: calc(100% - 5.38em);
	}

	.subpageContentSectionTitle {
		font-size: 2.12em;
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active,
	.selectedSubpageNavLink {
		font-size: 1.375em;
	}

	.subpageContentSectionParagraph,
	.subpageContentSectionHeading,
	.subpageContentSectionList {
		font-size: 0.865em;
	}

	.subpageNavTitle {
		font-size: 1.66em;
	}
}

@media screen and (max-width: 37.5em) {
	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 5em);
		width: -moz-calc(100% - 5em);
		width: calc(100% - 5em);
	}
}

@media screen and (max-width: 35em) {
	.subpageBody header,
	.subpageBody main,
	.subpageContentSection {
		font-size: 0.85em;
	}

	.subpageNav {
		font-size: 0.85rem;
	}

	.subpageBody header h1 {
		width: 7.2em;
		height: 5.04em;
		left: 2.5%;
		top: 0.95em;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 2.9%;
		top: 0.75em;
	}

	.subpageBody .menuBtn span,
	.subpageBody .menuBtn span::before,
	.subpageBody .menuBtn span::after {
		height: 4.5px;
	}

	.subpageBody .menuBtn span::before {
		top: -10.5px;
	}

	.subpageBody .menuBtn span::after {
		bottom: -10.5px;
	}

	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 4.14em);
		width: -moz-calc(100% - 4.14em);
		width: calc(100% - 4.14em);
	}

	.subpageContentSectionTitle {
		font-size: 2.075em;
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active,
	.selectedSubpageNavLink {
		font-size: 1.35em;
	}

	.subpageContentSectionParagraph,
	.subpageContentSectionHeading,
	.subpageContentSectionList {
		font-size: 0.855em;
	}

	.subpageNavTitle {
		font-size: 1.64em;
	}
}

@media screen and (max-width: 32.5em) {
	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 3.5em);
		width: -moz-calc(100% - 3.5em);
		width: calc(100% - 3.5em);
	}
}

@media screen and (max-width: 30em) {
	.subpageBody header,
	.subpageBody main,
	.subpageContentSection {
		font-size: 0.825em;
	}

	.subpageNav {
		font-size: 0.825rem;
	}

	.subpageBody header h1 {
		width: 7.1em;
		height: 4.97em;
		left: 2.25%;
		top: 0.965em;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 2.85%;
		top: 0.725em;
	}

	.subpageBody .menuBtn span,
	.subpageBody .menuBtn span::before,
	.subpageBody .menuBtn span::after {
		height: 4.25px;
	}

	.subpageBody .menuBtn span::before {
		top: -10.25px;
	}

	.subpageBody .menuBtn span::after {
		bottom: -10.25px;
	}

	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 2.91em);
		width: -moz-calc(100% - 2.91em);
		width: calc(100% - 2.91em);
	}

	.subpageContentSectionTitle {
		font-size: 2.036em;
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active,
	.selectedSubpageNavLink {
		font-size: 1.325em;
	}

	.subpageContentSectionParagraph,
	.subpageContentSectionHeading,
	.subpageContentSectionList {
		font-size: 0.846em;
	}

	.subpageNavTitle {
		font-size: 1.62em;
	}
}

@media screen and (max-width: 27.5em) {
	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 2.2em);
		width: -moz-calc(100% - 2.2em);
		width: calc(100% - 2.2em);
	}
}

@media screen and (max-width: 25em) {
	.subpageBody header,
	.subpageBody main,
	.subpageContentSection {
		font-size: 0.8em;
	}

	.subpageNav {
		font-size: 0.8rem;
	}

	.subpageBody header h1 {
		width: 7em;
		height: 4.9em;
		left: 2%;
		top: 0.98em;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 2.8%;
		top: 0.7em;
	}

	.subpageBody .menuBtn span,
	.subpageBody .menuBtn span::before,
	.subpageBody .menuBtn span::after {
		height: 4px;
	}

	.subpageBody .menuBtn span::before {
		top: -10px;
	}

	.subpageBody .menuBtn span::after {
		bottom: -10px;
	}

	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 1.68em);
		width: -moz-calc(100% - 1.68em);
		width: calc(100% - 1.68em);
	}

	.subpageContentSectionTitle {
		font-size: 2em;
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active,
	.selectedSubpageNavLink {
		font-size: 1.3em;
	}

	.subpageContentSectionParagraph,
	.subpageContentSectionHeading,
	.subpageContentSectionList {
		font-size: 0.836em;
	}

	.subpageNavTitle {
		font-size: 1.6em;
	}
}

@media screen and (max-width: 22.5em) {
	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 1.4em);
		width: -moz-calc(100% - 1.4em);
		width: calc(100% - 1.4em);
	}
}

@media screen and (max-width: 20em) {
	.subpageBody header,
	.subpageBody main,
	.subpageContentSection {
		font-size: 0.775em;
	}

	.subpageNav {
		font-size: 0.775rem;
	}

	.subpageBody header h1 {
		width: 6.9em;
		height: 4.83em;
		left: 1.75%;
		top: 0.995em;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 2.75%;
		top: 0.675em;
	}

	.subpageBody .menuBtn span,
	.subpageBody .menuBtn span::before,
	.subpageBody .menuBtn span::after {
		height: 3.75px;
	}

	.subpageBody .menuBtn span::before {
		top: -9.75px;
	}

	.subpageBody .menuBtn span::after {
		bottom: -9.75px;
	}

	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 1em);
		width: -moz-calc(100% - 1em);
		width: calc(100% - 1em);
	}

	.subpageContentSectionTitle {
		font-size: 1.964em;
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active,
	.selectedSubpageNavLink {
		font-size: 1.275em;
	}

	.subpageContentSectionParagraph,
	.subpageContentSectionHeading,
	.subpageContentSectionList {
		font-size: 0.826em;
	}

	.subpageNavTitle {
		font-size: 1.58em;
	}
}

@media screen and (max-width: 18em) {
	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 0.8em);
		width: -moz-calc(100% - 0.8em);
		width: calc(100% - 0.8em);
	}
}

@media screen and (max-width: 15em) {
	.subpageBody header,
	.subpageBody main,
	.subpageContentSection {
		font-size: 0.75em;
	}

	.subpageNav {
		font-size: 0.75rem;
	}

	.subpageBody header h1 {
		width: 6.8em;
		height: 4.76em;
		left: 1.5%;
		top: 1.01em;
	}

	.subpageBody .menuBtn,
	.subpageBody .mainNavBackground,
	.subpageBody .pageContentBackground {
		right: 2.7%;
		top: 0.65em;
	}

	.subpageBody .menuBtn span,
	.subpageBody .menuBtn span::before,
	.subpageBody .menuBtn span::after {
		height: 3.5px;
	}

	.subpageBody .menuBtn span::before {
		top: -9.5px;
	}

	.subpageBody .menuBtn span::after {
		bottom: -9.5px;
	}

	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 0.5em);
		width: -moz-calc(100% - 0.5em);
		width: calc(100% - 0.5em);
	}

	.subpageContentSectionTitle {
		font-size: 1.93em;
	}

	.subpageNavLink,
	.subpageNavLink:hover,
	.subpageNavLink:visited,
	.subpageNavLink:active,
	.selectedSubpageNavLink {
		font-size: 1.25em;
	}

	.subpageContentSectionParagraph,
	.subpageContentSectionHeading,
	.subpageContentSectionList {
		font-size: 0.816em;
	}

	.subpageNavTitle {
		font-size: 1.56em;
	}
}

@media screen and (max-width: 12em) {
	.subpageContentSectionInnerWrapper {
		width: -webkit-calc(100% - 0.2em);
		width: -moz-calc(100% - 0.2em);
		width: calc(100% - 0.2em);
	}
}


.subpageAnimated header,
.subpageAnimated .subpageContentSection,
.subpageAnimated .subpageNav {
	visibility: visible;
	opacity: 1;
}

.subpageAnimated .subpageWhiteBGLayer {
	display: none;
	background-color: transparent;
}

.subpageAnimated header,
.subpageAnimated .subpageContentSection,
.subpageAnimated .subpageNav,
.subpageAnimated .subpageWhiteBGLayer {
	-webkit-animation: none;
		 -moz-animation: none;
			-ms-animation: none;
			 -o-animation: none;
					animation: none;
}

.subpageLoading *,
.subpageLoading *::before,
.subpageLoading *::after {
	-webkit-animation: none !important;
		 -moz-animation: none !important;
			-ms-animation: none !important;
			 -o-animation: none !important;
					animation: none !important;
}