/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300');

html,
button,
input,
select,
textarea { color: hsla(0, 0%, 10%, 1); }

body {
	position: relative;
	background-color: hsla(218, 20%, 90%, 1);
	background-image: -webkit-radial-gradient(hsla(218, 20%, 90%, 1), hsla(218, 20%, 70%, 1));
	background-image: -moz-radial-gradient(hsla(218, 20%, 90%, 1), hsla(218, 20%, 70%, 1));
	background-image: -ms-radial-gradient(hsla(218, 20%, 90%, 1), hsla(218, 20%, 70%, 1));
	background-image: -o-radial-gradient(hsla(218, 20%, 90%, 1), hsla(218, 20%, 70%, 1));
	background-image: radial-gradient(hsla(218, 20%, 90%, 1), hsla(218, 20%, 70%, 1));
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0;
	height: 100%;
	line-height: normal;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	font-weight: 300;
}

::-moz-selection {
	background: hsla(120, 100%, 40%, 1);
	text-shadow: none;
	color: hsla(0, 0%, 100%, 1);
}
::selection {
	background: hsla(120, 100%, 40%, 1);
	text-shadow: none;
	color: hsla(0, 0%, 100%, 1);
}

a {
	text-decoration: none;
	color: hsla(218, 80%, 40%, 1);
}
a:hover { color: hsla(218, 80%, 40%, 1); }
a:active { color: hsla(218, 80%, 40%, 1); }

ul,
ol,
menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

hr {
	display: block;
	margin: 1em 0;
	border: 0;
	border-top: 1px solid hsla(0, 0%, 0%, 0.25);
	background: transparent !important; /* immunize for colorset */
	padding: 0;
	height: 0;
}

audio,
video,
img,
canvas { vertical-align: middle; }

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
}

button {
	margin: 0;
	border: 0;
	background: transparent;
	padding: 0;
	width: auto;
	height: auto;
}

.ie9 {
	display: block;
	background-color: #c00;
	padding: 20px;
	font-size: 16px;
	color: #fff;
}


/* ########## buttons ########## */

.button {
	-webkit-transition: background-size .25s ease;
	-moz-transition: background-size .25s ease;
	-ms-transition: background-size .25s ease;
	-o-transition: background-size .25s ease;
	transition: background-size .25s ease;
	display: inline-block;
	cursor: pointer;
	outline: 0;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	border: 0 !important;
	background: hsla(218, 50%, 40%, 1) url(../img/icon-chevronright-white.svg) no-repeat right center;
	background-size: 2.5em .625em;
	padding: .375em 2.375em .375em 1.25em;
	line-height: normal !important;
	text-align: center;
	text-decoration: none !important;
	font-size: 1rem;
	font-weight: 300;
	color: hsla(0, 0%, 100%, 1) !important;
}
.button:hover { background-size: 2.25em .625em; }
.button:active {
	-webkit-box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.375);
	-moz-box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.375);
	box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.375);
}
button.button::-moz-focus-inner {
	border: 0;
	padding: 0;
}


/* ########## images ########## */

figure { margin: 1rem 0; }
figure:first-child { margin: 0; }
figure img { max-width: 100%; }

.image {
	display: inline-block;
	background-repeat: no-repeat !important;
	background-position: 0 0;
}
i.image {
	outline: 0;
	overflow: hidden;
	background-position: center;
	background-size: contain;
	padding: 0 !important;
	vertical-align: baseline;
	text-align: left;
	text-indent: -9999em;
}

.brand-image { background-image: url(../img/signet-documentedaccess.svg); }
i.brand-image {
	width: 5.25rem;
	height: 3.75rem;
}
.list-image { background: url(../img/icon-list-black.svg); }
i.list-image {
	width: 1.75rem;
	height: 1.25rem;
}


/* ########## text ########## */

h1 {
	margin: 0 0 .5rem;
	line-height: 1.25em;
	font-size: 1.375rem;
	font-weight: 400;
}
h2,
.h2 {
	margin: .5rem 0;
	line-height: 1.25em;
	font-size: 1.25rem;
	font-weight: 400;
}
h2,
.h2:first-child { margin-top: 0; }

p,
address,
dl {
	margin: 1rem 0;
	line-height: 1.5em;
	font-size: 1rem;
}
dl dt { margin: 1rem 0 0; }
dl dd { margin: 0 0 1rem; }
p:first-child,
address:first-child,
dl dt:first-child { margin-top: 0; }
address { font-style: normal; }

ul.bullets {
	margin: 1.5rem 0;
	list-style: disc;
	background: transparent !important; /* immunize for colorset */
	padding-left: 1.75rem;
	line-height: 1.5em;
	color: inherit !important; /* immunize for colorset */
}
ul.bullets:first-child { margin-top: 0; }
ul.bullets li {
	margin: 1rem 0;
	padding-left: .625rem;
}
ol.bullets {
	margin: 1.5rem 0;
	counter-reset: li;
	list-style: none;
	*list-style: decimal;
	background: transparent !important; /* immunize for colorset */
	padding: 0;
	line-height: 1.5em;
	color: inherit !important; /* immunize for colorset */
}
ol.bullets:first-child { margin-top: 0; }
ol.bullets li {
	margin: 1rem 0;
	position: relative;
	padding: .188rem 0 0 4rem;
}
ol.bullets li:before {
	content: counter(li);
	counter-increment: li;
	position: absolute;	
	left: .5rem;
	top: 0;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 1rem;
	border-radius: 1rem;
	background-color: hsla(0, 0%, 93%, 1);
	height: 2rem;
	width: 2rem;
	line-height: 2rem;
	text-align: center;
	color: hsla(0, 0%, 10%, 1);
}
ol.bullets ol { margin-left: 1rem; }


/* ########## menus ########## */

.menu,
.link { margin-top: 1.5rem; }
.menu li {
	display: inline-block;
	margin: 0 .5rem .5rem 0;
}


/* ########## form elements ########## */

form { margin: 0; }
form:first-child { margin-top: 0; }
input,
select,
textarea {
	display: inline-block;
	border: 0;
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
	font-weight: 300;
	color: hsla(0, 0%, 10%, 1);
}
input[type=checkbox],
input[type=radio] { vertical-align: middle; }
input[type=text],
input[type=file],
input[type=password],
input[type=email],
input[type=url],
input[type=number] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid hsla(0, 0%, 0%, 0.25);
	background-color: hsla(0, 0%, 100%, 1);
	padding: .25rem .5rem;
	color: hsla(0, 0%, 10%, 1);
}
input:focus { 
	-webkit-box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.25);
	-moz-box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.25);
	box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.25);
}
input[readonly],
input[disabled] {
	background-color: hsla(0, 0%, 80%, 1);
	color: hsla(0, 0%, 10%, 1);
}

select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid hsla(0, 0%, 0%, 0.25);
	background-color: hsla(0, 0%, 100%, 1);
	padding: .25rem;
	color: hsla(0, 0%, 10%, 1);
}
select:focus { 
	-webkit-box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.25);
	-moz-box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.25);
	box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.25);
}
select[readonly],
select[disabled] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: hsla(0, 0%, 80%, 1);
	color: hsla(0, 0%, 10%, 1);
}

textarea {
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid hsla(0, 0%, 0%, 0.25);
	background-color: hsla(0, 0%, 100%, 1);
	padding: .25rem .5rem;
	color: hsla(0, 0%, 10%, 1);
}
textarea:focus { 
	-webkit-box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.25);
	-moz-box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.25);
	box-shadow: inset 0 0 .25em hsla(0, 0%, 0%, 0.25);
}
textarea[readonly],
textarea[disabled] {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: hsla(0, 0%, 80%, 1);
	color: hsla(0, 0%, 10%, 1);
}


/* ########## form layout ########## */

.form-label {
	display: block !important;
	margin: 0;
	text-align: left;
	vertical-align: baseline;
	font-size: 1rem;
}
.form-input { width: 100%; }
.form-input-error { background-color: hsla(0, 50%, 80%, 1) !important; }
.form-check-checkbox {
	clear: both;
	float: left;
	margin-top: .25em;
	border: 0;
}
.form-check-label {
	display: block;
	margin-left: 2em;
}
.form-caption { color: hsla(0, 0%, 40%, 1); }

.form-input-counter { display: none; }

.form-error {
	position: relative;
	background-color: hsla(0, 100%, 40%, 1) !important;
	padding: .125rem 0.5rem;
	vertical-align: top;
	line-height: normal;
	font-size: 0.75rem;
	color: hsla(0, 0%, 100%, 1) !important;
}
.form-submit-status {
	display: inline-block;
	padding: .25rem .5rem;
	vertical-align: middle;
}

.form-captcha {
	position: relative;
	display: inline-block;
	margin: .75rem 0 0;
	border: 1px dashed hsla(0, 0%, 0%, 0.25);
}
.form-captcha img { display: block; }
.form-captcha .arrow {
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -.5rem;
	outline: 0;
	border-color: transparent;
	border-style: solid;
	border-width: .5rem;
	width: 0;
	height: 0;
}
.form-captcha .up-arrow {
	top: -1rem;
	margin-top: -1px;
	border-bottom-color: hsla(0, 0%, 0%, 0.25);
}
.form-captcha .down-arrow {
	bottom: -1rem;
	margin-bottom: -1px;
	border-top-color: hsla(0, 0%, 0%, 0.25);
}


/* ########## layout ########## */

.fence {
	margin-right: auto !important;
	margin-left: auto !important;
	max-width: 75rem;
	padding: 1rem .5rem;
}
.fence:before,
.fence:after {
	content: " ";
	display: table;
}
.fence:after { clear: both; }

.float {
	float: left;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1rem;
	width: 100%;
	max-width: 100%;
}
.form-float { padding: 0 1rem 1rem 0; }

.line {
	clear: both;
	letter-spacing: -.25rem;
	word-spacing: -.25rem;
}
.line-item {
	display: inline-block;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 99%;
	padding: 1rem;
	vertical-align: top;
	letter-spacing: normal;
	word-spacing: normal;
}
.form-line { padding: 0 0 .75rem; }
.form-line .line-item {
	display: block;
	padding: 0 .5rem .25rem 0;
}

.skeleton { padding: 0; }
.skeleton:before,
.skeleton:after {
	content: " ";
	display: table;
}
.skeleton:after { clear: both; }

.s-clear:before,
.s-clear:after {
	content: " ";
	display: table;
}
.s-clear:after { clear: both; }

.s-width-1 { width: 8.3333%; }
.s-width-2 { width: 16.6667%; }
.s-width-3 { width: 25%; }
.s-width-4 { width: 33.3333%; }
.s-width-5 { width: 41.6667%; }
.s-width-6 { width: 50%; }
.s-width-7 { width: 58.3333%; }
.s-width-8 { width: 66.6667%; }
.s-width-9 { width: 75%; }
.s-width-10 { width: 83.3333%; }
.s-width-11 { width: 91.6667%; }
.s-width-12 { width: 100%; }

.s-pull-0 { margin-left: 0; }
.s-pull-1 { margin-left: -8.3333%; }
.s-pull-2 { margin-left: -16.6667%; }
.s-pull-3 { margin-left: -25%; }
.s-pull-4 { margin-left: -33.3333%; }
.s-pull-5 { margin-left: -41.6667%; }
.s-pull-6 { margin-left: -50%; }
.s-pull-7 { margin-left: -58.3333%; }
.s-pull-8 { margin-left: -66.6667%; }
.s-pull-9 { margin-left: -75%; }
.s-pull-10 { margin-left: -83.3333%; }
.s-pull-11 { margin-left: -91.6667%; }
.s-pull-12 { margin-left: -100%; }

.s-push-0 { margin-left: 0; }
.s-push-1 { margin-left: 8.3333%; }
.s-push-2 { margin-left: 16.6667%; }
.s-push-3 { margin-left: 25%; }
.s-push-4 { margin-left: 33.3333%; }
.s-push-5 { margin-left: 41.6667%; }
.s-push-6 { margin-left: 50%; }
.s-push-7 { margin-left: 58.3333%; }
.s-push-8 { margin-left: 66.6667%; }
.s-push-9 { margin-left: 75%; }
.s-push-10 { margin-left: 83.3333%; }
.s-push-11 { margin-left: 91.6667%; }
.s-push-12 { margin-left: 100%; }

.s-pad-x-0 {
	padding-left: 0;
	padding-right: 0;
}
.s-pad-x-1 {
	padding-left: 1rem;
	padding-right: 1rem;
}
.s-pad-x-2 {
	padding-left: 2rem;
	padding-right: 2rem;
}
.s-pad-x-3 {
	padding-left: 3rem; 
	padding-right: 3rem;
}
.s-pad-x-4 {
	padding-left: 4rem;
	padding-right: 4rem;
}
.s-pad-y-0 {
	padding-top: 0;
	padding-bottom: 0;
}
.s-pad-y-1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.s-pad-y-2 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.s-pad-y-3 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.s-pad-y-4 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}


.s-float-left { float: left; }
.s-float-right { float: right; }

.s-align-left { text-align: left; }
.s-align-center { text-align: center; }
.s-align-right { text-align: right; }

.s-align-middle { vertical-align: middle; }
.s-align-baseline { vertical-align: baseline; }
.s-align-bottom { vertical-align: bottom; }

.s-centered {
	clear: both;
	float: none;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	width: auto;
	max-width: 100%;
}


/* ########## header ########## */

#header {
	background: transparent;
	vertical-align: middle;
	color: hsla(0, 0%, 10%, 1);
}
#header:before,
#header:after {
	content: " ";
	display: table;
}
#header:after { clear: both; }
#header-title {
	float: left;
	margin: 0;
	padding: 0 1rem;
	white-space: nowrap;
	font-size: 1rem;
	font-weight: 400;
}
#header-title a { color: hsla(0, 0%, 10%, 1); }
#header-title i {
	display: inline-block;
	margin: -.125rem .25rem 0 0;
	background: url(../img/signet-documentedaccess-black.svg) no-repeat left center;
	background-size: contain;
	width: 1.375rem;
	height: 1rem;
	vertical-align: middle;
}
#header-nav-trigger {
	float: right;
	cursor: pointer;
	margin: 0 1rem 0 0;
}
#header nav {
	display: none;
	clear: both;
	padding: 1.5rem 1rem 0;
	font-size: 0;
	font-weight: 400;
}
#header nav.selected { display: block; }
#header nav li {
	display: block;
	margin: .125rem 0;
	font-size: 1rem;
}
#header nav li a {
	display: block;
	padding: .5rem 1rem;
	color: hsla(0, 0%, 10%, 1);
}
#header nav li a:hover {
	background-color: hsla(0, 0%, 100%, 0.5);
	color: hsla(0, 0%, 0%, 1);
}
#header nav li a.selected {
	background-color: hsla(0, 0%, 100%, 0.75);
	color: hsla(0, 0%, 10%, 1);
}
#header nav li a:active {
	background-color: hsla(0, 0%, 100%, 1);
	color: hsla(0, 0%, 10%, 1);
}



/* ########## contact ########## */

.no-js #contact-container { display: none; }


/* ########## footer ########## */

#footer {
	margin-top: 1rem;
	background: transparent;
	color: hsla(0, 0%, 10%, 1);
}
#footer a {
	text-decoration: none;
	color: hsla(0, 0%, 10%, 1);
}
#footer-copyright {
	padding: 0 1rem;
	text-align: center;
	font-size: 1rem;
}
#footer nav {
	margin: .5rem 0;
	padding: 0 1rem;
	text-align: center;
	font-size: 0;
}
#footer nav li {
	display: inline-block;
	margin: 0 1rem .5rem;
	font-size: 1rem;
}
#footer nav li a:hover,
#footer nav li a:active {
	text-decoration: underline;
	color: hsla(0, 0%, 10%, 1);
}
#footer-brand {
	padding: 0 1rem;
	text-align: center;
	font-size: 1rem;
}
#footer-brand span {
	display: block;
	font-size: .75rem;
}
#footer-brand a {
	display: block;
	white-space: nowrap;
}
#footer-brand i {
	display: inline-block;
	margin: -.125rem .25rem 0 0;
	background: url(../img/signet-documentedaccess-black.svg) no-repeat left center;
	background-size: contain;
	width: 1.375rem;
	height: 1rem;
	vertical-align: middle;
}


/* ########## modifiers ########## */

.text-75 { font-size: 0.75em; }
.text-150 { font-size: 1.5em; }

.nowrap { white-space: nowrap; }

img.fluid {
	display: inline-block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}


.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}


/* ############################################################################################################################################
   viewport width < 48em
############################################################################################################################################### */


@media only screen and (max-width: 48em) {


.s-hide { display: none; }

.s-collapse-top { padding-top: 0; }
.s-collapse-right { padding-right: 0; }
.s-collapse-bottom { padding-bottom: 0; }
.s-collapse-left { padding-left: 0; }


}


/* ############################################################################################################################################
   viewport width > 48.063em
############################################################################################################################################### */


@media only screen and (min-width: 48.063em) {


/* ########## images ########## */

i.brand-image {
	width: 6.25rem;
	height: 4.5rem;
}


/* ########## text ########## */

h1 {
	margin: 0 0 1rem;
	font-size: 1.5rem;
}
h2,
.h2 {
	margin: 1rem 0;
	font-size: 1.25rem;
}


/* ########## menus ########## */

.menu,
.link { margin: 1.5rem 0; }


/* ########## form layout ########## */
	
.form-label { display: inline-block !important; }


/* ########## layout ########## */

.fence { padding: 1rem; }

.form-line .line-item { display: inline-block; }

.panel {
	background-color: hsla(0, 0%, 100%, 0.75);
	padding: 2rem 2rem 1.5rem;
}

.m-clear:before,
.m-clear:after {
	content: " ";
	display: table;
}
.m-clear:after { clear: both; }

.m-width-1 { width: 8.3333%; }
.m-width-2 { width: 16.6667%; }
.m-width-3 { width: 25%; }
.m-width-4 { width: 33.3333%; }
.m-width-5 { width: 41.6667%; }
.m-width-6 { width: 50%; }
.m-width-7 { width: 58.3333%; }
.m-width-8 { width: 66.6667%; }
.m-width-9 { width: 75%; }
.m-width-10 { width: 83.3333%; }
.m-width-11 { width: 91.6667%; }
.m-width-12 { width: 100%; }

.m-pull-0 { margin-left: 0; }
.m-pull-1 { margin-left: -8.3333%; }
.m-pull-2 { margin-left: -16.6667%; }
.m-pull-3 { margin-left: -25%; }
.m-pull-4 { margin-left: -33.3333%; }
.m-pull-5 { margin-left: -41.6667%; }
.m-pull-6 { margin-left: -50%; }
.m-pull-7 { margin-left: -58.3333%; }
.m-pull-8 { margin-left: -66.6667%; }
.m-pull-9 { margin-left: -75%; }
.m-pull-10 { margin-left: -83.3333%; }
.m-pull-11 { margin-left: -91.6667%; }
.m-pull-12 { margin-left: -100%; }

.m-push-0 { margin-left: 0; }
.m-push-1 { margin-left: 8.3333%; }
.m-push-2 { margin-left: 16.6667%; }
.m-push-3 { margin-left: 25%; }
.m-push-4 { margin-left: 33.3333%; }
.m-push-5 { margin-left: 41.6667%; }
.m-push-6 { margin-left: 50%; }
.m-push-7 { margin-left: 58.3333%; }
.m-push-8 { margin-left: 66.6667%; }
.m-push-9 { margin-left: 75%; }
.m-push-10 { margin-left: 83.3333%; }
.m-push-11 { margin-left: 91.6667%; }
.m-push-12 { margin-left: 100%; }

.m-pad-x-0 {
	padding-left: 0;
	padding-right: 0;
}
.m-pad-x-1 {
	padding-left: 1rem;
	padding-right: 1rem;
}
.m-pad-x-2 {
	padding-left: 2rem;
	padding-right: 2rem;
}
.m-pad-x-3 {
	padding-left: 3rem;
	padding-right: 3rem;
}
.m-pad-x-4 {
	padding-left: 4rem;
	padding-right: 4rem;
}
.m-pad-y-0 {
	padding-top: 0;
	padding-bottom: 0;
}
.m-pad-y-1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.m-pad-y-2 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.m-pad-y-3 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.m-pad-y-4 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.m-float-left { float: left; }
.m-float-right { float: right; }

.m-align-left { text-align: left; }
.m-align-center { text-align: center; }
.m-align-right { text-align: right; }

.m-align-middle { vertical-align: middle; }
.m-align-baseline { vertical-align: baseline; }
.m-align-bottom { vertical-align: bottom; }

.m-centered {
	clear: both;
	float: none;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	width: auto;
	max-width: 100%;
}


/* ########## header ########## */

#header-nav-trigger { display: none; }
#header-title { padding: 0.5rem 1rem; }
#header nav {
	clear: none;
	display: block;
	float: right;
	border: 0;
	padding: 0 1rem 0 0;
}
#header nav li {
	display: inline-block;
	margin: 0 0 0 0.5rem;
}
#header nav li a { display: inline-block; }



/* ########## footer ########## */

#footer-copyright {
	float: left;
	text-align: left;
}
#footer nav {
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
}
#footer nav li { margin: 0 0 0 2rem; }

#footer-brand {
	float: right;
	text-align: right;
}
#footer-brand span { display: inline-block; }
#footer-brand a {
	display: inline-block;
	margin-left: 1rem;
}



/* ########## modifiers ########## */



}


/* ############################################################################################################################################
   viewport width 48.063em - 64em
############################################################################################################################################### */


@media only screen and (min-width: 48.063em) and (max-width: 64em) {


.m-hide { display: none; }

.m-collapse-top { padding-top: 0; }
.m-collapse-right { padding-right: 0; }
.m-collapse-bottom { padding-bottom: 0; }
.m-collapse-left { padding-left: 0; }


}


/* ############################################################################################################################################
   viewport width > 64.063em
############################################################################################################################################### */


@media only screen and (min-width: 64.063em) {


/* ########## images ########## */

i.brand-image {
	width: 7.25rem;
	height: 5.25rem;
}


/* ########## text ########## */

h1 {
	margin: 0 0 1rem;
	font-size: 1.75rem;
}
h2,
.h2 {
	margin: 1rem 0;
	font-size: 1.5rem;
}


/* ########## layout ########## */

.l-clear:before,
.l-clear:after {
	content: " ";
	display: table;
}
.l-clear:after { clear: both; }

.l-width-1 { width: 8.3333%; }
.l-width-2 { width: 16.6667%; }
.l-width-3 { width: 25%; }
.l-width-4 { width: 33.3333%; }
.l-width-5 { width: 41.6667%; }
.l-width-6 { width: 50%; }
.l-width-7 { width: 58.3333%; }
.l-width-8 { width: 66.6667%; }
.l-width-9 { width: 75%; }
.l-width-10 { width: 83.3333%; }
.l-width-11 { width: 91.6667%; }
.l-width-12 { width: 100%; }

.l-pull-0 { margin-left: 0; }
.l-pull-1 { margin-left: -8.3333%; }
.l-pull-2 { margin-left: -16.6667%; }
.l-pull-3 { margin-left: -25%; }
.l-pull-4 { margin-left: -33.3333%; }
.l-pull-5 { margin-left: -41.6667%; }
.l-pull-6 { margin-left: -50%; }
.l-pull-7 { margin-left: -58.3333%; }
.l-pull-8 { margin-left: -66.6667%; }
.l-pull-9 { margin-left: -75%; }
.l-pull-10 { margin-left: -83.3333%; }
.l-pull-11 { margin-left: -91.6667%; }
.l-pull-12 { margin-left: -100%; }

.l-push-0 { margin-left: 0; }
.l-push-1 { margin-left: 8.3333%; }
.l-push-2 { margin-left: 16.6667%; }
.l-push-3 { margin-left: 25%; }
.l-push-4 { margin-left: 33.3333%; }
.l-push-5 { margin-left: 41.6667%; }
.l-push-6 { margin-left: 50%; }
.l-push-7 { margin-left: 58.3333%; }
.l-push-8 { margin-left: 66.6667%; }
.l-push-9 { margin-left: 75%; }
.l-push-10 { margin-left: 83.3333%; }
.l-push-11 { margin-left: 91.6667%; }
.l-push-12 { margin-left: 100%; }

.l-pad-x-0 {
	padding-left: 0;
	padding-right: 0;
}
.l-pad-x-1 {
	padding-left: 1rem;
	padding-right: 1rem;
}
.l-pad-x-2 {
	padding-left: 2rem;
	padding-right: 2rem;
}
.l-pad-x-3 {
	padding-left: 3rem;
	padding-right: 3rem;
}
.l-pad-x-4 {
	padding-left: 4rem;
	padding-right: 4rem;
}
.l-pad-y-0 {
	padding-top: 0;
	padding-bottom: 0;
}
.l-pad-y-1 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.l-pad-y-2 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.l-pad-y-3 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.l-pad-y-4 {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.l-float-left { float: left; }
.l-float-right { float: right; }

.l-align-left { text-align: left; }
.l-align-center { text-align: center; }
.l-align-right { text-align: right; }

.l-align-middle { vertical-align: middle; }
.l-align-baseline { vertical-align: baseline; }
.l-align-bottom { vertical-align: bottom; }

.l-centered {
	clear: both;
	float: none;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	width: auto;
	max-width: 100%;
}

/* viewport width > 64.063em ONLY */

.l-hide { display: none; }

.l-collapse-top { padding-top: 0; }
.l-collapse-right { padding-right: 0; }
.l-collapse-bottom { padding-bottom: 0; }
.l-collapse-left { padding-left: 0; }



/* ########## header ########## */


.error { color: hsla(350, 100%, 40%, 1); }

/* ############################################################################################################################################
   @media print
############################################################################################################################################### */


@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	a,
	a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	a[href^="javascript:"]:after,
	a[href^="#"]:after { content: ""; }
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead { display: table-header-group; }
	tr,
	img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	@page { margin: 0.5cm; }
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 { page-break-after: avoid; }
}