@charset "utf-8";
body {
	font-family: "Inter", sans-serif;
	font-weight: 300;
	font-size: medium;
	line-height: 1.4em;
	color: #3C3C3C;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
blockquote {
	margin: 1em 0 1.5em;
	padding: 1em;
	background-color: #DEDEDE;
}
b, strong, p.bold, .bold p {
	font-weight: 700;
}
b.blue, h3.blue, h4.blue, span.blue, div.blue {
	color: #5CA6D8;
}
em {
	font-weight: 700;
	font-style: italic;
}
figure, figcaption {
	margin: 0;
}
.upper {
	text-transform: uppercase;
}
.smaller {
	font-size: .85em;
	line-height: 1.2em;
}
.larger {
	font-size: 1.25em;
}
.nowrap {
	white-space: nowrap;
}
img, video, audio, iframe {
	width: 100%;
}
img, video, iframe {
	height: auto;
}
video, audio, iframe {
	max-width: 640px;
}
iframe {
	height: 52vw;
}
a, a:link, a:visited{
	text-decoration: none;
	color: #5DA6D9;
	cursor: pointer;
}
a.clean, a.clean:link, a.clean:visited, .clean a, .clean a:link, .clean a:visited {
	color: inherit;
	text-decoration: none;
}
a:hover, a:visited:hover {
	color: #1D78C8;
	text-decoration: none;
}
a.tel, a.tel:link, a.tel:visited {
	color: inherit;
	text-decoration: none;
}	
h1, .ash1, .pagetitle h3 {
	font: 300 7.8vw/1.1em "Montserrat", sans-serif;
	margin: 0 auto 1rem;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: -.01em;
}
h1 b, h1 strong {
	font-weight: 600;
}
h1 + div, .callbar {
	margin-top: 1.8em;
}
h2, h3, .ash3 {
	font: 300 7vw/1.05em "Roboto", sans-serif;
	margin: 0 auto 1rem;
}
.widetext {
	font: 300 5vw/1.38em "Montserrat", sans-serif;
}
.widetext b {
	font-weight: 600;
}
h3 b, h3 strong {
	font-weight: 700;
}
h4, .pretitle {
	font-weight: 500;
	font-size: 1.125em;
	line-height: 1em;
	margin-bottom: 1rem;
	text-transform: uppercase;
	letter-spacing: .12em;
}
h4:first-child {
	margin-top: 1.5rem;
}
h4.headline {
	font-weight: 200 !important;
	font-size: 5.6vw;
	line-height: 1.25em;
	font-family: "Roboto", sans-serif;
	text-transform: none;
	letter-spacing: -.02em !important;
	margin-top: 0;
}
h4.headline b {
	font-weight: 500;
}
h5 {
	font-size: 1.11em;
	font-weight: 500;
	padding: 0;
	margin: 1rem 0;
}
div + h3, p + h3, ul + h3, ol + h3 {
	margin-top: 2rem;
}
h1 br, h3 br {
	display: none;
}
p {
	padding: 0;
	margin: 0 0 1.2em;
}
p.limited {
	max-width: 60em;
	margin: 0 auto 1.2em;
}
p.center, .center p {
	margin-left: auto;
	margin-right: auto;
}
p:last-child, p.limited:last-child {
	margin-bottom: 0;
}
hr {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #5CA6D8;
	margin: 1.8em 0;
	clear: both;
}
hr.half {
	width: 33%;
	margin: 1.5em auto;
}
hr.little {
	width: 8.5em;
	margin: 1.8em auto;
	border: 2px solid #5CA6D8;
	background-color: #5CA6D8;
	border-radius: 2px;
}
li {
	list-style-position: outside;
	padding-bottom: .6em;
	page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;
}
.blog .fullarticle li {
	font-size: .9em;
	line-height: 1.3em;
	margin-bottom: 1rem;
	padding-bottom: 0;
}
ul {
	display: table;
	padding: 0 0 0 2em;
	margin: 0 0 1em;
}
ul.clean, ol.clean {
	list-style: none;
	padding: 0 0 0 1em;
}
ol li ul {
	margin-top: .5em;
    padding-left: 1em;
	list-style: disc;
}
ul.boxicons, ul.iconboxes {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: row wrap; 
}
ul.boxicons li {
	box-sizing: border-box;
	font-size: .9375em;
	display: block;
	width: 100%;
	padding: 1em;
	margin: .5em -1rem;
	position: relative;
}
ul.boxicons li:nth-child(even) {
	background-color: #FFF;
}
ul.boxicons li:nth-child(even) svg rect {
	fill: #1B4673;
}
ul.boxicons li:nth-child(even) svg path {
	fill: #FFF;
}
ul.boxicons h4 {
	color: #1A334D;
	letter-spacing: .04em;
}
ul.boxicons p {
	color: #4C5865;
}
ul.boxicons svg rect {
	fill: #FFF;
}
ul.boxicons svg path {
	fill: #1B4673;
}
ul.circles, ul.pinboxes {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #FFF;
}
ul.circles li, ul.pinboxes li {
	display: inline-block;
	padding: 0;
	margin: .5em;
	position: relative;
}
ul.circles a {
	box-sizing: border-box;
	padding: 0 1em;
	display: table-cell;
	vertical-align: middle;
	height: 10em;
	width: 10em;
	border-radius: 5em;
	border: 2px solid #FFF;
	font-weight: 600;
	font-size: .9em;
	line-height: 1.1em;
}
ul.circles a, ul.circles a:link, ul.circles a:visited {
	color: #FFF;
	background-color: transparent;
}
ul.circles a:hover, ul.circles a:visited:hover {
	color: #FFF;
	background-color: #1C3651;
}
.pinboxes .content {
	border: 2px solid #5DA6D9;
	padding: 1em 2em;
	display: inline-block;
	font-size: 1.13em;
	margin: 2em .5em .5em;
}
.pinboxes .number {
	position: absolute;
	top: 0;
	left: -.5em;
	background-color: #FFF;
	color: #5DA6D9;
	font: 600 1.9em/1.9em "Roboto", sans-serif;
	display: table-cell;
	vertical-align: middle;
	border: 2px solid #5DA6D9;
	border-radius: 1em; 
	height: 2em;
	width: 2em;
}
ul.iconboxes, ul.circleicons {
	list-style: none;
	padding: 0;
	margin: 1em auto 2em;
	text-align: center;
}
ul.iconboxes li, ul.circleicons li {
	padding: 0;
	margin: 1em;
}
.iconboxes .inside {
	padding: 1em 0;
	box-shadow: 0 .4em .5em rgba(0,0,0,.3);
}
.iconboxes .content {
	display: flex;
	align-items: center;
	background-color: #1C3651;
	color: #FFF;
	font-weight: 500;
	height: 6em;
	font-size: 1.2em;
	padding: 0 1.5em;
	margin: 1.5em -1.5em .5em;
	box-shadow: 0 .4em .5em rgba(0,0,0,.3);
	position: relative;
}
.iconboxes img {
	display: inline-block;
	width: 60%;	
}
.iconboxes .arrow {
	position: absolute;
	fill: #1C3651;
	width: 4em;
	height: 2em;
	top: -1em;
	left: calc(50% - 2em);
}
.circleicons img {
	display: inline-block;
	width: 40%;	
	background-color: #5DA6D9;
	border: 4px solid #FFF;
	border-radius: 50%;
	padding: 2em;
	margin: 1em 0 .5em;
}
.circleicons .content {
	font-size: 1.13em;
	line-height: 1.1em;
	font-weight: 500;
}
ul.quicklist {
	display: table;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
ul.quicklist li {
	display: inline-block;
	padding: 0;
	margin: .5em;
}
.quicklist a {
	box-sizing: border-box;
	padding: 0 1em;
	display: table-cell;
	vertical-align: middle;
	height: 10em;
	width: 10em;
	border-radius: 5em;
	border: 4px solid #5DA6D9;
	font-weight: 600;
	font-size: .9em;
	line-height: 1.1em;
}
.quicklist a, .quicklist a:link, .quicklist a:visited {
	color: #FFF;
	background-color: #1C3651;
}
.quicklist a:hover, .quicklist a:visited:hover {
	color: #FFF;
	background-color: rgba(28,54,81,.6);
}
ul.special {
	padding: 0;
	margin: 2em auto;
	list-style: none;
	text-align: center;
}
ul.special li {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 1em 1em;
}
.special .inside {
	padding: 1em;
	box-shadow: 0 .4em .5em rgba(0,0,0,.3);
	font-size: .8em;	
	line-height: 1.2em;
	color: #1C3651;
}
.special .big {
	font: 500 2em/1em "Roboto", sans-serif;
	color: #5DA6D9;
}
.special .banner {
	background-color: #5DA6D9;
	color: #FFF;
	font: 500 3em/1em "Roboto", sans-serif;
	padding: .33em;
	margin: .2em -.66em;
	position: relative;
}
ul.contactsplit {
	background-color: #FFF;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 1em;
	box-shadow: 0 0 .5em rgba(0,0,0,.3);
	list-style: none;
	display: flex;
	flex-flow: column wrap;
	align-items: center;
}
ul.contactsplit li{
	display: table;
	width: 15em;
	padding: 1em;
	vertical-align: middle;
}
ul.contactsplit li + li {
	border-top: 1px solid #1C3651;
}
ul.contactsplit img {
	width: 3em;
}
ul.contactsplit .inblock {
	text-align: left;
	font-weight: 600;
}
ul.contactsplit a.tel, ul.contactsplit a.tel:link, ul.contactsplit a.tel:visited {
	color: #5DA6D9;
}
.inblock {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}
.inblock + .inblock {
	margin-left: .5em;
}
.behind-left, .behind-right {
	fill: #306C96;
	position: absolute;
	display: block;
	width: .33em;
	height: .33em;
	bottom: -.33em;
}
.behind-left {
	left: 0;
}
.behind-right {
	right: 0;
}
ul.logos {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}
ul.logos li {
	display: inline-block;
	vertical-align: middle;
	margin: .5em 1em;
	padding: 0;
}
.logos img {
	width: 7em;
}
dl {
	margin: .2em 0 1em;
}
dt {
	margin: 1.3em 1em 0 0;
	padding: .2em;
	font-weight: 500;
	color: #555;
	line-height: 1.1em;
	position: relative;
	clear: both;
}
dd {
	font-size: .9em;
	line-height: 1.1em;
	margin: 0 0 1em;
	padding: .5em 0 0 .3em;
}
dl.contact dt {
	font: 400 1.125em/1em "Montserrat", sans-serif;
	color: #5CA6D8;
	margin-bottom: .5rem;
}
dl.contact svg {
	vertical-align: middle;
	padding-right: .8em;
}
dl.contact dd {
	font: 300 .875em/1.7em "Montserrat", sans-serif;
	color: #C6C6C6;
	padding-left: 2.7em;
}
#fullwidth {
	padding: 1px;
	background-color: #101B2F;
	background-image: url(elements/city-night.jpg);
	background-position: center top;
	background-size: 400%;
	background-repeat: no-repeat;
	color: #FFF;
}
.altback {
	background-image: linear-gradient(-90deg,rgba(10,22,43,0),rgba(10,22,43,.76));
}
#header {
	padding: 0;
}
#header .left {
	text-align: center;
}
.navback .logo {
	padding: 1em;
	background-color: #19334C;
	text-align: center;
}
.navback .logo img {
	padding: 1em 0;
}
.navback .contact {
	display: table;
	margin: 1em auto;
}
.verytop {
	padding: .5rem 3rem;
	font-size: .875em;
}
.narrow, .narrow58 {
	margin-left: auto;
	margin-right: auto;
}
.narrow {
	max-width: 67em;
}
.narrow58 {
	max-width: 58em;
}
.blog .narrow {
	max-width: 84em;
}
.page.narrow {
	box-sizing: border-box;
	padding: 0 1em 1.8em;
}
.narrow .larger, .narrow58 .larger {
	font-size: 1.125em;
}
.splitblock {
	font-size: .8em;
	line-height: 1.1em;
	display: table;
	margin: 0 auto;
	border: 1px solid #FFF;
}
.splitblock i {
	display: block;
	font: 400 italic .8em/1em "Roboto", sans-serif;
}
.splitblock b {
	font-size: 1.06em;
}
.splitblock .upper {
	font-weight: 500;
}
.splitblock > div {
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding: .6em;
}
#main {
	position: relative;
}
.whitefill {
	background-color: #FFF;
	color: #1A334D;
	padding: 1px;
}
.whiteback, .standard.page .fullarticle .content {
	background-color: #FFF;
	color: #1A334D;
	padding: 3em 1em;
	position: relative;
}
.standard.page .fullarticle .content > span {
	display: block;
	max-width: 67em;
	margin: 0 auto;
}
.whiteback h1 {
	color: #1A334D;
}
.paleblueback {
	position: relative;
	background-color: #E8F6FF;
	color: #1A334D;
}
.spaced {
	padding: 3em 1em;
}
.floatblue .inside {
	background-color: #5CA6D8;
	color: #FFF;
	padding: 3em 1em;
	font-weight: 300;
}
.floatblue h3 {
	font-weight: 400;
}
.darkblueback {
	position: relative;
	background-color: #1A334D;
	color: #FFF;
}
.darkbluebox {
	box-sizing: border-box;
	display: table;
	width: 100%;
	background-color: #09223B;
	color: #FFF;
	padding: 1.5rem;
	margin: 1.5rem auto;
	max-width: 67em;
	letter-spacing: -.01em;
}
.darkbluebox:last-child, h3:last-child {
	margin-bottom: 0;
}
.darkbluebox hr {
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	border-top: 2px solid #162F4A;
}
.overblue h3, .overblue h4, .darkblueback {
	color: #FFF !important;
}
.overblue h3 b {
	color: #5CA6D8;
}
.highlight {
	padding: 10px;
	position: relative;
	z-index: 40;
	background-size: contain;
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(elements/frame-highlight.png);
}
.blueback {
	background-color: #1A334D;
	color: #FFF;
	padding: 1em;
}
.blueback.withbottom {
	background-position: center bottom;
	background-size: 100%;
	background-image: url(elements/bluebottom.jpg);
	background-repeat: no-repeat;
	color: #FFF;
	padding: 1em 1em 10vh;
	text-align: center;
}
.lightblueback {
	background-color: #5DA6D9;
	color: #1C3651;
}
.widgets, .whiteback.withbottom {
	background-color: #FFF;
	color: #1A334D;
	padding-bottom: 5em;
	background-image: url(elements/whitebottom.jpg);
	background-size: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	min-height: 20em;
}
.widgets {
	padding-top: 1px;
}
#news, #blog, .section {
	padding: 1rem;
}
.whiteback h3 + h4 {
	text-align: left;
	letter-spacing: normal;
	text-transform: none;
}
article {
	position: relative;
}
.fullarticle .adminbutton, .featureback + .adminbutton {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
.related {
	padding: 2em;
	background-color: #F5F5F5;
	color: #1A334D;
}
.related h3 {
	text-align: center;
	margin-bottom: 0;
}
#navbar, .none, .initial {
	display: none;
}
.footnav ul {
	list-style: none;
	padding: 0;
	margin: 1em 0;
	line-height: 2.5em;
}
.footnav li {
	padding: 0;
	margin: 0;
}
#section1, #section2, #section3, #section4 {
	-webkit-transition: height 500ms cubic-bezier(.5, 0, .5, 1);
	transition: height 500ms cubic-bezier(.5, 0, .5, 1);
}
.open {
	display: block;
	height: 400px;
}
.fix {
	display: block;
	height: inherit;
	overflow: visible;
}
#footer {
	background-color: #000;
	padding: 2em 1em;
	color: #CAC1C1;
	letter-spacing: .01em;
}
#footer hr {
	border-top: 2px solid #312D2D;
}
#footer a, #footer a:link, #footer a:visited {
	color: #CAC1C1;
}
#footer a:hover, #footer a:visited:hover {
	color: #5CA6D8;
}
#footer h5 {
	font: 400 1em/1.125em "Roboto", sans-serif;
	text-transform: uppercase;
	color: #FFF;
}
#footer .last {
	width: 21em;
}
#footer .right {
	margin-top: 1em;
	text-align: left;
}
.footnav a {
	font: 300 .875em/2.5em "Montserrat", sans-serif;
	display: block;
	padding: 0;
}
.navs {
	position: relative;
}
a.flatbutton {
	display: table;
	font-size: .8125em;
	padding: 1em 2em;
	font-weight: 600;
	text-transform: uppercase;
	margin: 1em 0;
}
#footer a.linebutton {
	margin-top: 2rem;
	padding: 1em 2em;
}
#footer a.flatbutton,#footer a.flatbutton:link,#footer a.flatbutton:visited {
	color: #000;
	background-color: #FFF;
}
#footer a.flatbutton:hover,#footer a.flatbutton:visited:hover {
	color: #FFF;
	background-color: #5CA6D8;
}
#footer .smaller {
	font: 300 .8125em/1.8em "Montserrat", sans-serif;
	color: #A8A6A6;
}
#mobilenav .more:after {
	content: "";
}
#mobilehide .more {
	content: "";
	top: 0;
}
#mobilenav {
	width: 100%;
	position: relative;
	background-color: #172440;
	border-bottom: 2px solid #5DA6D9;
}
#mobilenav svg {
	fill: #FFF;
}
#mobilenav ul	{
	font-size: 19px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	display: block;
}
#mobilenav li{
	box-sizing: border-box;
	width: 100%;
	list-style:none;
	display: table;
	text-align: center;
	padding: 0;
}
#mobilehide > ul > li{
	border-top: 1px solid #5DA6D9;
} 
#mobilehide .more, #mobilehide .nomore {
	width: 70px;
	height: 44px;
}
#mobilenav .more, #mobilenav li > div {
	display: table-cell;
	vertical-align: middle;
}
#mobilenav a, #mobilenav a:link, #mobilenav a:visited {
	text-decoration: none;
	display: block;
	line-height: 44px;
	height: 44px;
	color: #FFF;
}
#mobilenav .mobiletitle {
	color: #FFF;
	text-align: center;
	font-weight: normal;
	font-size: x-large;
	line-height: 52px;
	height: 52px;
	display: block;
	margin-right: 70px;
	overflow: hidden;
}
#mobilenav ul ul, #mobilehide, .searchblock {
	display:none;
}
.mobileicon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 52px;
}
.mobileicon:hover, #mobiletoggle:checked ~ .mobileicon, #mobilenav .more, #mobilenav a:hover, #mobilenav a:visited:hover {
	color: #FFF;
	background-color: #243A46;
}
#mobiletoggle, .subtoggle {
	position:absolute;
	left:-100%;
	top:-100%;
}
#mobiletoggle + label, #mobilehide.more{
	cursor: pointer;
}
#mobiletoggle:checked ~ #mobilehide {
	display: block;
}
#mobilehide ul li input:checked ~ ul {
	display: table-row;
}
#mobilehide ul li input:checked + label .plus {
	fill: none;
}
.socialmedia {
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row nowrap;
}
.socialmedia > div {
	display: block;
	margin: 1rem;
}

.social div.spacer { 
	-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	background-image: url(elements/social-icons.png);
	background-repeat: no-repeat;
	background-size: 31.25em;
	height: 2em;
	width: 2em;
	border-radius: 1em;
	display: block;
	background-color: #FFF;
}
#footer .socialmedia a:hover .spacer, #footer .socialmedia a:visited:hover .spacer{
	background-color: #000;
}
.socialmedia .facebook div.spacer {
	background-position: 0 0;
}
.socialmedia .twitter div.spacer {
	background-position: -6.25em 0;
}
.socialmedia .linkedin div.spacer {
	background-position: -9.375em 0;
}
.socialmedia .instagram div.spacer {
	background-position: -15.625em 0;
}
.socialmedia .youtube div.spacer {
	background-position: -25em 0;
}

.bottombio {
	background-color: #FFF;
	color: #1C3651;
	padding: 1em;
}
.bottombio .inside {
	position: relative;
}
.bottombio .photoside {
	text-align: center;
	display: table;
	margin: 0 auto -2em;
	position: relative;
	z-index: 5;
}
.bottombio .photoside img {
	border: 4px solid #FFF;
	box-shadow: 0 0 .5em rgba(0,0,0,.3);
}
.bottombio .textside {
	background-color: #FFF;
	padding: 3em 1em 1em;
	box-shadow: 0 0 .5em rgba(0,0,0,.3);
}
.stripe {
	background-color: #1C3651;
	color: #FFF;
	margin: 2em 0 4em;
	padding: 2em;
	position: relative;
}
.stripe p {
	text-align: center;
}
.stripe .sans {
	font-size: 1.07em;
	line-height: 1.2em;
}
.stripe .smaller {
	font-size: .86em;
	line-height: 1.1em;
}
.stripe .upper {
	color: #4B9ED9;
	display: block;
}
.stripe .container {
	position: absolute;
	text-align: center;
	bottom: -39px;
	left: 0;
	width: 100%;
}
.stripe .social .spacer {
	background-color: #FFF;
}
.stripe .social a:hover .spacer, .stripe .social a:visited:hover .spacer {
	background-color: #1C3651;
}
.bottombio .textside a, .bottombio .textside a:link, .bottombio .textside a:visited {
	font-weight: 600;
	color: #1C3651;
}
.stripe a, .stripe a:link, .stripe a:visited {
	color: #FFF;
}
.bottombio .textside a:hover, .bottombio .textside a:visited:hover,
.stripe a:hover, .stripe a:visited:hover {
	color: #5DA6D9;
}

#sharegroup {
	margin-top: 2em;
}
#sharegroup h3 {
	margin-bottom: .2em;
}
.sharenav {
	display: table;
	margin: 1em auto;
	text-align: center;
}
.share {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: .5em;
}
.share + .share {
	margin-left: .5em;
}
.share .icon {
	font-size: 9px;
	background-image: url(https://commonelements.net/common/elements/share-icons.png);
	background-repeat: no-repeat;
	background-size: 100em;
	-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	width: 8.4em;
	height: 2.8em;
	border-radius: 4px;
}
.share a:hover, .share a:visited:hover {
	opacity: .6;
}
.share.facebook .icon{
	background-position: 0 0;
}
.share.twitter .icon {
	background-position: -10em 0;
}
.share.googleplus .icon {
	background-position: -20em 0;
}
.share.linkedin .icon {
	background-position: -30em 0;
}
.share.email .icon {
	background-position: -70em 0;
}
.featureback {
	color: #FFF;
	background-color: #1A334D;
	background-size: 100%;
	background-position: center;
	background-repeat: repeat;
	background-image: url(subtle/textured.png);
}
.featurebackold {
	color: #FFF;
	border-top: 2px solid #FFF;
	background-color: #5DA6D9;
	position: relative;
}
.featureback > div {
	padding: 1rem;
}
.colorback {
	background-image: linear-gradient(180deg, #5DA6D9, #1C3651)
}
.photoback {
	background-size: 100%;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 60%;
}
.photoback .featureback > div:last-child {
	padding: 0;
}
.featureback .pretitle {
	color: #5DA6D9;
}
.featureback .pretitle + h3 {
	margin-top: .5rem;
}
.featureback h3, .featureback h1 {
	text-align: left;
	font-size: 1.6em;
	color: #FFF;
	margin-bottom: .5rem;
}
.featureback .content {
	font-size: 1.2em;
	line-height: 1.4em;
}
.featureback > div:first-child {
	background-color: #1C3651;
}
.articlelist {
	display: table;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 1em 0;
}
.articlelist > div{
	padding-top: .5em;
}
.articlelist .content {
	font-size: .9em;
	line-height: 1.2em;
}
.articlelist .docside {
	text-align: center;
}
.docside img {
	max-width: 200px;
	height: auto;
}
.articlelist img, #media img {
	box-shadow: 2px 2px 4px #000;
}
.articlelist .more {
	margin-top: .8em;
}
#media {
	margin: 1em auto;
	text-align: center;
}
#media img {
	border: 1px solid;
}
.navigation {
	text-align: right;
	font-size: .9em;
	opacity: .9;
	margin: .5em 0;
}
.fullarticle {
	position: relative;
}
.blog .fullarticle .content h3, .standard.page .fullarticle .content h3 {
	font-size: 1.12em;
	margin-top: .82em;
}	
.blog .fullarticle .content h4, .standard.page .fullarticle .content h4 {
	text-align: left;
	margin-top: 1.5em;
	text-transform: none;
	letter-spacing: .01em;
}

.articlelist h3 {
	text-align: left;
	font-size: 1.3em;
}
.whiteback.page .articlelist h3, .whiteback.page .articlelist h4 {
	margin-bottom: 1em;
}
.articlelist h3 + h4 {
	margin-top: -.5em;
}
.articlelist h3 a{
	padding: 0;
}
.articlelist h4{
	text-align: left;
	opacity: .75;
	font-size: 1.05em;
}
.articlelist h5 {
	padding: .5em 0 0;
	margin: 0;
	font-size: .8em;
	color: #7E90A6;
}
.articlelist h5 + div {
	padding-top: .5em;
}
.articlelist .date, .fullarticle .date {
	font-family: "Roboto", sans-serif;
	display: block;
}
.fullarticle .date{
	font-size: .86em;
}
.blog .fullarticle .date {
	vertical-align: middle;
}
.fullarticle .author {
	vertical-align: middle;
	font: 500 1.2em/1em "Roboto", sans-serif;
	padding: 0 .5em 0 0;
	color: #5DA6D9;
	text-transform: uppercase;
}
.blog .fullarticle .split > div {
	padding: .5em;
	text-align: center;
}
.caption {
	display: block;
	font-size: .9em;
	line-height: 1em;
	margin-top: .3em;
 	color: #999;
}
.sidebar {
	display: none;
}
.formobile h4, .sidebar h4 {
	font: 600 1.07em/1em "Roboto", sans-serif;
	color: #5DA6D9;
	text-transform: uppercase;
	text-align: center;
}
.formobile {
	margin-bottom: 2em;
}
.thumbgroup {
	text-align: center;
}
.thumbgroup h3 {
	font-size: 2em;
}
.thumbphotos {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	font-size: .7em;
	line-height: 1.1em;
}
.thumbphotos img {
	border: 1px solid;
	width: 100%;
	height: auto;
}
.thumbphotos h3, .whiteback.page .thumbphotos h3 {
	margin-bottom: 0;
}
.fullphoto, .photodata, .thumbphotos h3 {
	padding: .5em;
	text-align: center;
}
.photodata hr {
	width: 200px;
	margin: .5em auto;
}
.blog .content .floatleft img, .blog .content .floatright img, .photoshell img{
	box-sizing: border-box;
	width: 100%;
	max-width: 300px;
	height: auto;
	display: block;
	padding: 2px;
	border: 1px solid #999;
}
.blog .center img {
	box-sizing: border-box;
	width: 100%;
	max-width: 400px;
	height: auto;
	padding: 2px;
	border: 1px solid #999;

}
.blog .content .floatleft, .blog .content .floatright, .photoshell {
	box-sizing: border-box;
	width: 300px;
	font-size: .85em;
	line-height: 100%;
	text-align: center;
	color: #333;
}
.photoshell {
	float: right;
	margin: 0 0 1em 1.5em;
	width: 60%;
	max-width: 250px;
}

.border {
	border: 1px solid #666666;
}
.light1 {
	color: #FEAB4F;
}
.light2 {
	color: #3FD8FF;
}
.light3 {
	color: #77657F;
}
.dark1, .color1 {
	color: #7E90A6;
}
.dark2 {
	color: #0060A4;
}
.dark3 {
	color: #1D0B25;
}
.bar1 {
	text-align: center;
	font-size: 1.1em;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #B6BBBF;
}

.formtable {
	box-shadow: 0 0 .5em rgba(0,0,0,.3);
	background-color: rgba(255,255,255,.6);
	margin: 1em auto 2em;
	padding: 1em 0;
}
table.formtable td {
	padding: .5em 1em;
}
.formtable .bar {
	font-size: 1.1em;
	text-align: center;
	border: 1px solid #FFF;
	background-image: linear-gradient(180deg,#172440,#0B0E1C);
	padding: 1.5rem 1em;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
	box-sizing: border-box;
	width: 100%;
}
.formtable td.right {
	text-align: center;
}
.formbox {
	box-sizing: border-box;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding: 0;
	margin: 2em auto;
	max-width: 30em;
}
.granted, .split > div.granted {
	display: none;
}
.formnorm {
	font-size: .85em;
	background-color: #FFF;
	border: 1px solid #CDCDCD;
	color: #1C3651;
	padding: 1em .6em;
}
.formbox .formnorm {
	font-size: 1em;
	margin: .5em;
	border: 1px solid #CCC;
}
.formbox .formsubmit {
	width: 100%;
	margin: .5em;
}
.formnorm::-webkit-input-placeholder {
	color: #717171 !important;
}
.formnorm::-moz-placeholder {
	color: #717171 !important;
}
.formnorm:-ms-input-placeholder {
	color: #717171 !important;
}

.formsubmit {
	box-sizing: border-box;
	font-size: 1em;
	border: none;
	background-color: #1A334D;
	color: #FFF;
	padding: 1.1em .6em;
	margin: .5em auto;
	font-weight: 500;
}
a.roundbutton, input.roundbutton {
	font: 500 .9em/1em "Roboto", sans-serif;
	display: table;
	border-radius: 1.5em;
	border: none;
	padding: 1em 3em;
	margin: 1em auto;
	text-transform: uppercase;
	letter-spacing: .1em;
}
a.roundbutton, a.roundbutton:link, a.roundbutton:visited {
	background-color: #5DA6D9;
	color: #FFF;	
	text-decoration: none;
}
input.submitbutton {
	font: 600 .9em/1em "Roboto", sans-serif;
	letter-spacing: .05em;
	display: table;
	padding: .8em 2em;
	margin: .5em auto;
	text-transform: uppercase;
	border: none;
}
input.submitbutton, input.roundbutton {
	background-color: #1C3651;
	color: #FFF;	
}
.formtable input.submitbutton {
	background-color: #5DA6D9;
}
a.roundbutton:hover, a.roundbutton:visited:hover, 
input.roundbutton:focus, input.roundbutton:hover,
input.submitbutton:focus, input.submitbutton:hover {
	background-color: #FFF;
	color: #1C3651;	
	cursor: pointer;
}
#enterkey {
	position: absolute;
	top: 0;
	left: -10em;
}
#s_check {
	display: none;
}

table.preview {
	background-color: #E0E2DF;
	border-spacing: 0;
	color: #000;
}
table.preview td {
	padding: .5em;
}
.check_human .errorborder {
	padding: 4px;
}
#s_response .successborder, #s_response .errorborder {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.submitgroup {
	position: relative;
	padding-bottom: 1em;
}
#coverup {
	position: absolute;
	font-size: .85em;
	padding: 3.2em .5em 0;
	text-align: center;
	width: 100%;
	top: 0;
	left: 0;
	color: #990000;
	background-color: rgba(0,0,0,0);
	z-index: 11;
	display: none;
}
#coverup.after {
	display: block;
}
#coverup.after:after {
	content: "Submitting, please wait";
}

.forcebreak:after {
	content: "\A";
	white-space: pre;
}
.mediablock .x1, .mediablock .x2 > div {
	margin: 2rem 0;
	text-align: center;
	font: 600 1.25em/1.2em "Roboto", sans-serif;
	text-transform: uppercase;
}
.mediablock img {
	margin-bottom: .5em;
}
.twitter-tweet {
	font: 400 .9em/1.2em Arial, Helvetica, sans-serif;
	max-width: 550px;
	margin: .6em auto;
	padding: 15px;
	border-radius: 15px;
	border: 1px solid rgb(204, 214, 221);
	background-color: #FFF;
}
.twitter-tweet + p {
	margin-top: 1.5rem;
}
.callblock {
	position: relative;
	background-image: url(elements/back_blue.jpg);
	background-size: cover;
	background-position: center;
	padding: 2em 0;
	margin-bottom: 6em;
}
.callblock p {
	font: 500 1.13em/1em "Roboto", sans-serif;
	text-transform: uppercase;
	color: #1C3651;
	text-align: center;
	padding: 0 1rem;
}
.callblock h3 {
	font: 600  2em/1em "Roboto", sans-serif;
	color: #FFF;
	margin-bottom: .5em;
	padding: 0 1rem;
}
.whiteback.page .fullarticle .callblock h3 {
	font: 500  1.53em/1.1em "Roboto", sans-serif;
	color: #FFF;
	text-align: center;
	margin: 0 0 1em;
}
.absolute {
	position:absolute;
	bottom: -2.8em;
	width: 100%;
}
.linebutton {
	display: table;
	text-transform: uppercase;
	padding: 1em;
	font-weight: 300;
	font-size: .875em;
	line-height: 1.2em;
	margin: 6px;
	letter-spacing: .01em;
}
.linebutton.center, .center .linebutton {
	margin: 6px auto;
}
.buttons .linebutton, .center .buttons .linebutton{
	display: block;
	margin: 6px;
	padding: 1em 2em;
}
.linebutton.blue {
	padding: 1em .9em;
}
.linebutton.dark, .navback .linebutton {
	padding: 1em 1.2em;
}
.linebutton svg {
	vertical-align: middle;
}
.linebutton svg path {
	fill: #FFF;
}
a.linebutton, a.linebutton:link, a.linebutton:visited, #booklist .linebutton{
	background-color: #FFF;
	color: #1A334D !important;
	border: 1px solid #5CA6D8;
	outline: 6px solid #FFF;
}
a.linebutton:hover, a.linebutton:visited:hover, #booklist a:hover .linebutton, #booklist a:visited:hover .linebutton {
	background-color: #5CA6D8;
	color: #FFF !important;
	border: 1px solid #FFF;
	outline: 6px solid #5CA6D8;
}
a.linebutton.blue, a.linebutton.blue:link, a.linebutton.blue:visited, .photos .linebutton{
	background-color: #5CA6D8;
	color: #FFF !important;
	border: 1px solid #FFF;
	outline: 6px solid #5CA6D8;
}
a.linebutton.dark, a.linebutton.dark:link, a.linebutton.dark:visited,
a .linebutton.dark, a:link .linebutton.dark, a:visited .linebutton.dark{
	background-color: #1A334D;
	color: #FFF !important;
	border: 1px solid #FFF;
	outline: 6px solid #1A334D;
}
a.linebutton.blue:hover, a.linebutton.blue:visited:hover, 
a.linebutton.dark:hover, a.linebutton.dark:visited:hover,
a:hover .linebutton.dark, a:visited:hover .linebutton.dark {
	background-color: #FFF;
	color: #1A334D !important;
	border: 1px solid #1A334D;
	outline: 6px solid #FFF;
}
a.linebutton:hover svg path, a:hover .linebutton svg path {
	fill: #1A334D;
}
.nolinebutton {
	display: block;
	position: relative;
	padding: .5em 1em;
	font-weight: 500;
	text-align: center;
	margin-top: 12px;
}
.nolinebutton .smaller {
	font-size: .75em;
	line-height: 1.5em;
}
.nolinebutton .larger {
	font-size: 1.8em;
	line-height: 1.2em;
}
.nolinebutton, .nolinebutton:link, .nolinebutton:visited {
	color: #FFF;
	background-color: #5CA6D8;
}
.nolinebutton:hover, .nolinebutton:visited:hover {
	background-color: #FFF;
	color: #1A334D;
}
.nolinebutton svg {
	display: none;
}
.boxbutton {
	display: table;
	font: 500 1.2em/1em "Roboto", sans-serif;
	color: #FFF;
	background-color: #5DA6D9;
	margin: 1em 0 1em auto;
	padding: .6em 1.2em;
	text-transform: uppercase;
	letter-spacing: .05em;
}
.boxbuttons {
	display: table;
	font: 500 1em/1em "Roboto", sans-serif;
	background-color: #1A334D;
	margin: 1.8em auto;
	padding: 0;
	letter-spacing: .04em;
	text-align: center;
}
.boxbuttons a {
	display: inline-block;
	padding: 1em;
	margin: 1em;
}
.boxbuttons a, .boxbuttons a:link, .boxbuttons a:visited {
	background-color: #E8F6FF;
	color: #1A334D;
}
.boxbuttons a:hover, .boxbuttons a:visited:hover {
	background-color: #FFF;
}

.boxbutton a, .boxbutton a:link, .boxbutton a:visited {
	color: #FFF;
}
.boxbutton:hover {
	background-color: #FFF;
}
.boxbutton:hover a {
	color: #1A334D;
}
.littlelink {
	font-size: .6em;
	line-height: 1em;
	position: absolute;
	bottom: 1rem;
	left: 1rem;
}
a.boxbutton, a.boxbutton:link, a.boxbutton:visited {
	background-color: #5DA6D9;
	color: #FFF;
}
a.boxbutton:hover, a.boxbutton:visited:hover, .boxbutton:hover {
	background-color: #FFF;
	color: #1A334D;
}
.boxbutton:last-child{
	margin-bottom: 0;
}
.titlegroup, .littlesplit .title {
	background-color: #D0D0D0;
	color: #1C3651;
}
.titlegroup {
	margin: 1em -1em;
	padding: 1em;
}
.littlesplit .title {
	font: 600 1.5em/1.17em "Domine", serif;
	margin: .5em -1em;
	padding: 1em;
}
.littlesplit img {
	max-width: 220px;
}
.littlesplit .more {
	font: 600 1.13em/1.1em "Roboto", sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin: .2em 0 2em;
}
.titlegroup .title, .flextitle .title {
	font: 600 1.73em/1.2em "Domine", serif;
	margin-bottom: .5em;
	color: #1C3651;
}
.titlegroup .author, .flextitle .source {
	font: 600 1.33em/1.1em "Roboto", sans-serif;
	color: #656565;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.greysplit .content {
	line-height: 1.6em;
}
.split.half > div + div {
	margin-top: 1rem;
}
ul.bookgroup {
	list-style: none;
	text-align: center;
	margin: 0;
	padding: 0;
	width: 100%;
}
ul.bookgroup li {
	margin: .5em;
	padding: 0;
}
.flextitle {
	background-color: #D0D0D0;
	padding: 1em;
	margin: 2em 0;
}
.flextitle .title a, .flextitle .title a:link, .flextitle .title a:visited {
	color: #1C3651;
}
.flextitle .title a:hover, .flextitle .title a:visited:hover {
	color: #1D78C8;
}
.flextitle .source {
	text-align: right;
}
.flextitle .source:before {
	content: "- ";
}
.flextitle + .inside {
	margin-top: -2em;
}
.bookmap {
	display: table;
	font-size: 88vw;
	width: 1em;
	height: .6669em;
	max-width: 100%;
	margin: 0 auto;
}
.recent h3 {
	margin: 1em 0 .5em;
	font: 500 1.5em/1em "Roboto", sans-serif;
}
ul.boxed {
	display: table;
	margin: 1.8em auto;
	padding: 0;
	list-style: none;
	position: relative;
}
ul.boxed li {
	padding: 0;
	margin: 1em;
}
.boxed .adminbutton {
	position: absolute;
	top: 2em;
	left: 0;
}
.boxed .splittop {
	display: table;
	width: 100%;
	background-image: linear-gradient(125deg,#1C3651 37%, #B4B4B4 37.5%);
	color: #FFF;
	font-family: "Roboto", sans-serif;
}
.splittop > div {
	display: table-cell;
	vertical-align: middle;
	padding: .4em 1.3em;
}
.splittop > div:first-child {
	text-align: left;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 500;
	width: 38%;
}
.splittop > div:last-child {
	text-align: center;
	font-size: .75em;
	font-weight: 600;
} 
.boxed .inside {
	display: block;
	background-color: #FFF;
	padding: 1em;
	color: #1C3651;
}
.boxed .inside .linebutton, .featureback .linebutton {
	margin: calc(1em + 6px) 6px 6px auto;
}
.boxed .title {
	font: 600 1em/1.26em "Roboto", sans-serif;
	color: #5DA6D9;
	margin-bottom: .8em;
}
.boxed .solidtop {
	margin: 0 -1em;
	background-color: #1C3651;
	padding: 1em;
	margin-bottom: .8em;
}
.boxed .solidtop .title{
	color: #FFF;
	margin-bottom: 0;
}
.boxed .content {
	font-size: .8em;
	line-height: 1.4em;
}
.boxed .boxbutton {
	font-size: .8em;
	font-weight: 500;
	background-color: transparent;
	color: #1C3651;
}
.boxed .linebutton {
	font-size: .7em;
}
.boxed a:hover .boxbutton, .boxed a:visited:hover .boxbutton {
	background-color: #1C3651;
	color: #FFF;
}
ul.blocked {
	display: block;
	margin: 0 auto 1.8em;
	padding: 0;
	list-style: none;
	position: relative;
}
ul.blocked:last-child {
	margin-bottom: 0;
}
ul.blocked li {
	display: table;
	padding: 1em;
	margin: 1em auto;
	font: 400 1.21em/1.25em "Inter", sans-serif;
	position: relative;
}
ul.blocked li a {
	display: block;
}
ul.blocked.heavy li, ul.blocked.columns li {
	font-weight: 600;
}
ul.blocked.full li {
	box-sizing: border-box;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
ul.blocked.offset li, ul.blocked.row li {
	font-size: 1em;
	text-align: center;
}
ul.blocked.row p {
	text-align: center;
}
ul.blocked.row li {
	margin-top: 3.5em;
}
ul.blocked.row .banner {
	box-sizing: border-box;
	position: relative;
	top: -2.3em;
	width: 100%;
	line-height: 1em;
	background-color: #5CA6D8;
	text-transform: uppercase;
	z-index: 20;
	font-weight: 700;
	color: #FFF;
	padding: .8em;
	margin-bottom: -1.5em;
}
.paleblueback ul.blocked li {
	background-color: #E8F6FF;
	box-shadow: 0 4px 1em rgb(202,228,244);
}
.paleblueback ul.blocked.bright li {
	background-color: #FFF;
}
.whiteback ul.blocked li {
	background-color: #FFF;
	box-shadow: 0 4px 1em #DDD;
}
.whiteback ul.blocked.paleblue li {
	background-color: #E8F6FF;
}
.darkblueback ul.blocked li {
	background-color: #E8F6FF;
	color: #1A334D;
}
ul.blocked.columns.plusspace li {
	background-color: #FFF;
}
ul.blocked h4 {
	font-size: 1.21em;
	line-height: 1.4em;
	margin-top: 0;
	letter-spacing: 0;
}
ul.connected, ul.circlenumbers {
	display: block;
	list-style: none;
	padding: 0;
	margin: 1.5rem 0;
}
ul.connected li {
	background-image: url(elements/list-item-circle.svg);
	background-position: .5em .2em;
	background-size: 1.3em;
	background-repeat: no-repeat;
	font-size: 1.125em;
	line-height: 1.3em;
	padding: .15em 0 .15em 4.5em;
	margin: 1.4em 0;
	position: relative;
}
ul.connected li:not(:last-child):after {
	content: " ";
	background-image: url(elements/list-item-line.svg);
	background-position: .5em 0;
	background-repeat: repeat-y;
	background-size: 1.3em;
	width: 1.3em;
	height: 100%;
	position: absolute;
	top: 1.55em;
	left: 0;
}
ul.connected.dark li {
	background-image: url(elements/list-item-darkbluecircle.svg);
}
ul.connected.dark li:not(:last-child):after {
	background-image: url(elements/list-item-darkblueline.svg);
}
ul.connected.blue li {
	background-image: url(elements/list-item-bluecircle.svg);
}
ul.connected.blue li:not(:last-child):after {
	background-image: url(elements/list-item-blueline.svg);
}
ul.circlenumbers li {
	background-image: url(elements/circlenumber.svg);
	background-position: 0 .5em;
	background-size: 3.25em;
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.8em;
	padding: 0 0 0 5em;
	margin: 1.4em 0;
	position: relative;
	min-height: 4em;
}
ul.circlenumbers.long li {
	line-height: 1.55em;
}
ul.circlenumbers .num {
	font: 700 1.25em/3.1em "Inter", sans-serif;
	position: absolute;
	left: -.35em;
	top: .2em;
	width: 3.25em;
	text-align: center;
	
}
ul.circlenumbers.dark li {
	background-image: url(elements/circlenumber_dark.svg);
}
ul.circlenumbers.dark li:not(:last-child):after {
	background-image: url(elements/list-item-darkblueline.svg);
	content: " ";
	background-position: 1em 0;
	background-repeat: repeat-y;
	background-size: 1.3em;
	width: 3.25em;
	height: calc(100% - 1.75em);
	position: absolute;
	top: 3.75em;
	left: 0;
}

.view {
	background-color: #FFF;
	padding: 6px calc(1em + 6px) calc(1em + 6px);
	margin: 2em;
}
.view .linebutton {
	margin: 0 0 0 auto;
}
#books {
	position: relative;
}
#books h3 {
	font-family: "Montserrat", sans-serif;
}
#books .parade {
	overflow: hidden;
	position: relative;
}
.details {
	display: block;
	margin-top: 4px;
}
.paradecontrol {
	display: flex;
	flex-flow: row nowrap;
	margin: 1em auto;
	justify-content: center;
	align-items: center;
}
.arrowbutton {
	width: 3em;
	height: 3em;
	box-shadow: 0 0 2px #000;
	margin: 0 .4em;
}
.arrowbutton polygon {
	fill: #5DA6D9;
	background-color: #FFF;
}
.arrowbutton:hover {
	cursor: pointer;
	background-color: #5DA6D9;
}
.arrowbutton:hover polygon {
	fill: #FFF;
}
.arrowbutton.disabled, .arrowbutton.disabled:hover {
	opacity: .8;
	background-color: transparent;
}
.arrowbutton.disabled polygon, .arrowbutton.disabled:hover {
	fill: #9F9F9D;
}
#loadstatus {
	display: none;
}
#message {
	text-align: center;
	position: fixed;
	bottom: 0;
	padding: .5em;	
}
.whiteback .team {
	margin-top: -2em;
}
.team h3 {
	font: 600 1.6em/1em "Montserrat", sans-serif;
	position: relative;
}
.team h4 {
	text-align: left;
	margin: 2em 0 1em; 
}
.team h3:after {
	content: " ";
	height: 1px;
	background-color: #707070;
	width: 10em;
	position: absolute;
	left: -.25em;
	bottom: -.25em;
	z-index: 10;
}
.team .articlelist .docside img {
	max-width: 200px;
	border-radius: 50%;
	box-shadow: .2em 0 .5em rgba(0,0,0,.1);
}
.team .articlelist .boxbutton {
	display: inline-block;
	font-weight: 600;
	font-size: .85em;
	padding: .8em 1.5em;
}

.clearback, .pagetitle {
	position: relative;
	box-sizing: border-box;
	padding: 1em;
}
.pagetitle h1, .pagetitle h3 {
	font-weight: 600;
}
.bluetexture {
	padding: 1em;
	background-size: 76.75em;
	background-position: right top;
	background-repeat: repeat;
	background-image: url(subtle/dark-blue-texture.png);
	color: #FFF;
}
.textured, .darktexture {
	background-position: center;
	background-repeat: repeat;
}
.textured {
	background-image: url(subtle/textured.png);
}
.darkblueback.textured, .darktexture {
	background-image: url(subtle/darktextured.png);
}
.textured.alignbottom {
	background-position: center bottom;
}
.textured.aligntop {
	background-position: center top;
}
.overblue {
	padding: 1em 0;
}
.overblue p {
	font-size: 1em;
	letter-spacing: -.03em;
}
.overblue p.larger {
	font-size: 1.1em;
}
.blueback h4, #blog h4 {
	color: #5CA6D8;
	letter-spacing: .16em;
	font-weight: 500;
}
.hstripes .inside, .hstripes2 .inside {
	text-align: center;
	padding: 1em 1em 0;
}
.hstripes .inside h4 {
	margin-top: 0;
}
.people {
	display: flex;
	flex-flow: column nowrap;
	position: relative;
	z-index: 40;
	padding: 0 4px;
}
.people > div {
	position: relative;
	margin: 0 auto;
	background-color: #1B4673;
	border: 4px solid #1B4673;
	background-position: center top;
	background-size: 100%;
	background-repeat: no-repeat;
	padding: 9em 1em 1em;
	color: #FFF;
	max-width: 511px;
}
.people h4 {
	color: #FFF;
}
.people p {
	font-size: .95em;
	padding-right: 4em;
	letter-spacing: .0075em;
}
.people .content {
	position: relative;
}
.people .more {
	display: table;
	position: relative;
	top: -.5em;
	font-size: .85em;
	line-height: 1.125em;
	margin: 0 0 0 auto;
	padding-bottom: 2px;
}
.people a.more, .people a.more:link, .people a.more:visited {
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
.people a.more:hover, .people a.more:visited:hover {
	border-bottom: none;
}
.bottomlink {
	position: absolute;
	bottom: 2em;
	right: 2em;
}
.bottomlink a {
	padding: 1em;
}
.bottomlink a:hover svg path{
	fill: #5CA6D8;
}
.shadow {
	display: table;
	width: 50%;
	margin: 0 0 1em;
}

.paleblueback .photoside {
	background-position: right 17em;
	background-size: 100px;
	background-repeat: no-repeat;
	padding: 1em;
}
.cityback {
	padding: 1em;
	background-position: center center;
	background-image:url(elements/cityback.jpg);
	background-size: cover;
}
.overlay {
	box-sizing: border-box;
	background-color: rgba(255,255,255,.26);
	backdrop-filter: blur(3px);
	color: #FFF;
	padding: 1em;
}
.overlay p {
	font-size: .875em;
}
.photos {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}
.hoverphoto {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	background-position: center;
	background-size: 100%;
	background-image: url(elements/lined-photo.svg);
	background-repeat: no-repeat;
	width: 22.125em;
	height: 17.375em;
	margin: 1em .5em;
}
.hoverphoto, .hoverphoto:link, .hoverphoto:visited, .hoverphoto:hover, .hoverphoto:visited:hover {
	color: #FFF;
}
.hoverphoto .label {
	position: relative;
	z-index: 30;
	padding: 0 1em;
	text-align: center;
	font: 500 1.8em/1.18em "Roboto", sans-serif;
}
.hoverphoto .photo {
	position: absolute;
	z-index: 20;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 118.6%;
	background-color: rgba(92,166,216,1);
	width: 100%;
	height: calc(100% - 1em);
	opacity: 0;
}
.hoverphoto .linebutton {
	position: absolute;
	z-index: 40;
	bottom: 0;
	left: calc(50% - 3.9em);
	padding: .5em 2em;
}
.hoverphoto:hover .linebutton {
	background-color: #FFF;
	color: #5CA6D8 !important;
	border: 1px solid #5CA6D8;
	outline: 6px solid #FFF;
}
.leftphoto {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 10em;
}
.righttext {
	position: relative;
	padding: 1em;
}
.righttext .linebutton {
	margin-top: 2em;
}
.results {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: stretch;
	text-align: center;
	margin: 1em 0;
}
.results > div {
	box-sizing: border-box;
	width: 100%;
	background-color: #FFF;
	position: relative;
	padding: 1em;
	margin: 2em auto 0;
}
.results .slant {
	position: absolute;
	top: -.8125em;
	left: 0;
	text-transform: uppercase;
	width: 100%;
	margin: 0 auto;
}
.results .slant span {
	position: relative;
	z-index: 40;
	font-size: .875em;
	line-height: 1em;
	font-weight: bold;
	color: #FFF;
}
.results .slant svg {
	position: absolute;
	left: calc(50% - 4.1875em);
	width: 8.375em;
	height: 1.625em;
	z-index: 30;
}
.results p {
	font-size: .875em;
	line-height: 1.5em;
	color: #5D656D;
	text-align: center;
}
.results .vs {
	font: 600 1.5em/1em "Roboto", sans-serif;
	margin: 1rem 0;
	letter-spacing: -.01em;
}
.results .number {
	font: 600 3.75em/1em "Roboto", sans-serif;
	padding: 1rem 0;
}
.results > div:nth-child(odd) .number, .results > div:nth-child(odd) .vs {
	color: #5CA6D8;
}
.results > div:nth-child(odd) .slant svg path {
	fill: #5CA6D8;
}
.results > div:nth-child(even) .number, .results > div:nth-child(even) .vs {
	color: #1A334D;
}
.results > div:nth-child(even) .slant svg path {
	fill: #1A334D;
}
.bookback {
	background-image:linear-gradient(180deg,#5CA6D8 16em, #FFF 16em);
	padding: 1em 0;
	color: #FFF;
}
#booklist {
	display: block;
	padding: 0;
	white-space: nowrap;
	position: relative;
	left: 0;
	margin: 2em auto;
	max-width: 400px
}
.parade #booklist > div {
	box-sizing: border-box;
	width: 100%;
	padding: 0 .5em;
	display: inline-block;
	vertical-align: top;
}
#booklist a {
	box-sizing: border-box;
	display: block;
	white-space: normal;
	position: relative;
	background-color: #FFF;
	border: 1px solid #E5E5E5;
	text-align: left;
	padding: 4em 1em 1em 116px;
	height: 13em;
}
#booklist a, #booklist a:link, #booklist a:visited {
	color: #2F2D31;
}
#booklist a:hover, #booklist a:visited:hover {
	color: #5CA6D8;
}
#booklist .bottomlink path {
	fill: #2F2D31;
}
#booklist .border {
	margin-left: 1em;
	margin-right: 1em;
}
#booklist .linebutton {
	display: block;
	padding: 1em;
	text-align: center;
}
#booklist img {
	position: absolute;
	top: 1em;
	left: 1em;
	width: 100px;
}
#booklist .title {
	font: 600 .95em/1.3em "Montserrat", sans-serif;
	text-transform: uppercase;
	padding-left: 1em;
	color: #2F2D31;
}
.blurbs { 
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
	margin: 0 auto 2em;
	max-width: 480px;
}
.blurbs > div {
	background-color: #FFF;
	border: 1px solid #CDCDCD;
	padding: 14em 1em 1em;
	position: relative;
	width: 100%;
	background-image: url(subtle/backlines.png);
	background-position: center bottom;
	background-size: 100%;
}
.blurbs > div + div {
	margin-left: 2%;
}
.blurbs .photo {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 18em;
	z-index: 20;
}
.blurbs .date {
	font-size: .8125em;
	line-height: 1em;
	font-weight: 600;
	display: table;
	background-color: #1A334D;
	color: #5CA6D8;
	margin: 0 auto 0 0;
	padding: .8125em;
	position: relative;
	z-index: 30;
}
.blurbs .content {
	display: block;
	font-size: .875em; 
	line-height: 1.4em;
	background-color: #FFF;
	padding: 1em;
	position: relative;
	z-index: 40;
}
.blurbs a.content, .blurbs a.content:link, .blurbs a.content:visited {
	color: #5D656D;
}
.blurbs a.content:hover, .blurbs a.content:visited:hover {
	box-shadow: .25em .25em 1em #416790;
}
.blurbs .title {
	font-size: 1.14em;
	line-height: 1.4em;
	font-weight: 600;
	text-transform: uppercase;
	height: 4.8em;
	letter-spacing: .01em;
}
.blurbs .content p {
	margin-bottom: 1rem;
}
.blurbs .more {
	text-transform: uppercase;
	font-weight: 600;
	color: #5CA6D8;
}
#slideshow {
	position: relative;
}
#slideshow, #slideshow .slide {
	height: 15rem;
}
#slideshow .slide {
	-webkit-transition: opacity 1000ms cubic-bezier(.5, 0, .5, 1);
	transition: opacity 1000ms cubic-bezier(.5, 0, .5, 1);
	opacity: 0;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font: 500 1.2em/1.4em "Roboto", sans-serif;
	background-color: #E8F6FF;
	box-sizing: border-box;
	text-transform: uppercase;
}
.quote svg path {
	fill: #5CA6D8;
}
.quote {
	margin-bottom: 1rem;
	text-align: center;
	color: #1B4673;
	letter-spacing: .04em;
}
.startquote {
	position: relative;
	top: -.2em;
	left: -.2em;
}
.endquote {
	position: relative;
	top: .25em;
	left: .4em;
}
#control {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
#control a {
	display: block;
	padding: 1em 4px;
}
.bar {
	-webkit-transition: background-color 1000ms cubic-bezier(.5, 0, .5, 1);
	transition: background-color 1000ms cubic-bezier(.5, 0, .5, 1);
	height: 3px;
	width: 2em;
	background-color: #5CA6D8;
}
.bar.on{
	background-color: #000;
}
.fordesktop {
	display: none;
}
@media only screen and (min-width: 20em) {
	#debug {
		z-index: 501;
		background-color: rgba(256,256,256,.5);
		border: 1px solid #FFF;
		color: #3300FF;
		padding: 4px;
		position: fixed;
		bottom: 0;
		right: 0;
	}
	.debugnotes {
		font-size: medium;
		line-height: 1.15em;
		color: #000;
	}
}
@media only screen and (min-width: 30em) {
/* 480 */
	.original {
		display: initial;
	}
	.articlelist > div{
		display: table-cell;
		vertical-align: top;
	}
	.articlelist .docside {
		padding-right: 1em;
	}
	.people .content {
		position: relative;
	}
	.people .more {
		position: absolute;
		display: block;
		font-size: .85em;
		line-height: 1.125em;
		top: 0;
		right: 3em;
		padding-bottom: 2px;
	}
	.blurbs .title {
		height: 3em;
	}
	.linebutton.blue, .linebutton.dark, .navback .linebutton {
		padding: 1em 2em;
	}

}
@media only screen and (min-width: 41em) {
/* 656 */
	iframe {
		height: 360px;
	}
	.floatleft {
		float: left;
		margin: .2em 1em .5em 0;
	}
	.floatright {
		float: right;
		margin: .2em 0 .5em 1em;
	}
	.split {
		box-sizing: border-box;
		display: table;
		position: relative;
	}
	.split {
		width: 100%;
	}
	.split > div {
		box-sizing: border-box;
		display: table-cell;
		vertical-align: top;
	}
	.split > div.middle {
		vertical-align: middle;
	}
	.split.bluetexture > div {
		display: block;
	}
	.split.navs {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: flex-start;
	}
	.split.navs > div {
		display: block;
		margin: .5em 1em;
	}
	.split.half > div {
		width: 50%;
	}
	.split.half > div:first-child {
		padding-right: 1em;
	}
	.split.half > div:last-child {
		padding-left: 1em;
	}
	aside > .split.half {
		margin: 2em 20px;
	}
	.photoback .featureback {
		background-image: url(elements/circle-back.svg);
		background-size: 148%;
		background-position: 76% center;
		background-repeat: repeat-y;
		position: relative;
		background-color: #5DA6D9;
	}
	.featureback h3, .featureback h1 {
		margin: 0;
		padding: 0 2em 0 0;
	}
	.featureback h1 {
		margin-bottom: .5rem;
	}
	.featureback .pretitle {
		margin: 0 0 1em;
		padding: 0;	
	}
	.featureback > div {
		display: table-cell;
		vertical-align: middle;
	}
	.featureback > div:first-child {
		width: 37%;
		background-color: transparent;
	}
	.featureback > div:last-child {
		background-color: transparent;
	}
	.featureback .content {
		padding: 0 0 0 2em;
	}
	.photoback .featureback, .colorback .featureback {
		background-color: transparent;
	}
	.photoback {
		padding-bottom: 0;
		background-position: right center;
		background-size: 54%;
	}
	.photoback.top {
		background-position: right top;
	}
	.photoback.bottom {
		background-position: right bottom;
	}
	.photoback .featureback, .colorback .featureback {
		background-size: 100%;
	}
	.photoback .featureback > div:first-child, .colorback .featureback > div:first-child {
    	width: 50%;
		height: 12em;
	}
	.articlelist.withphoto .docside {
		width: 150px;
	}
	.blog .articlelist.withphoto .docside {
		width: 200px;
	}
	.blog .fullarticle .split {
		width: auto;
		margin: 1em auto;
		text-align: center;
	}
	.blog .fullarticle .split > div {
		padding: 0 1em;
	}
	.whiteback, .spaced, .floatblue .inside, .page .fullarticle .contentold  {
		padding: 4em 2em;
	}
	.spaced .hstripes, .spaced .hstripes2 {
		width: calc(100% + 4em);
		margin-left: -2em;
		margin-right: -2em;
	}
	ul.iconboxes {
		margin: 1.5em -1em;
	}
	.videoblock .overlay li {
		width: 33.3%;
	}
	.mediablock .split.x2 {
		width: calc(640px + 4rem);
		border-collapse: separate;
		border-spacing: 2rem;
	}
	.littlesplit {
		position: relative;
	}
	.littlesplit .title {
		padding-left: 40%;
		text-align: left;
		display: flex;
		height: 4em;
		align-items: center;
	}
	.littlesplit .more {
		padding-left: 36%;
		text-align: left;
		margin: 2em 0 3em;
	}
	.littlesplit img {
		width: 8em;
		position: absolute;
		top: 1em;
		left: 2em;
	}
	.littlesplit .more {
		color: #1C3651;
	}
	.iconboxes li {
		width: 60%;
	}
	.pinboxes li, .circleicons li {
		width: 44%;
		display: inline-block;
		vertical-align: top;
	}
	.circleicons .content {
		padding: 0 1em;
	}
	.flextitle {
		display: flex;
		flex-flow: row no-wrap;
		align-items: center;
		justify-content: center;
	}
	.flextitle .title {
		font-size: 1.53em;
		margin-bottom: 0;
		margin-right: 1em;
	}
	.flextitle .source {
		white-space: nowrap; 
	}
	.flextitle.odd .source {
		order: 1;
		text-align: left;
	}
	.flextitle.odd .title {
		order: 2;
		text-align: right;
		margin-right: 0;
		margin-left: 1em;
	}
	.flextitle.odd .source::before {
		content: " ";
	}
	.flextitle.odd .source::after {
		content: " -";
	}
	.pbutton {
		padding: 0 1em;
	}
	.blueback .middle br {
		display: none;
	}
	#footer .logo {
		margin-bottom: 1em;
	}
	#footer .container {
		display: table;
		margin: 0 0 0 auto;
	}
	#footer .socialmedia > div{
		margin: .5em;
	}
	.stripe .upper {
		display: inline;
	}
	.stripe .sans {
		font-size: 1.3em;
		letter-spacing: .05em;
	}
	ul.special li {
	    width: 25%;
	}
	.logos img {
		width: 100%;
	}
	ul.logos li {
	    margin: .5em 2em;
	}
	.share .icon {
		font-size: 10px;
	}
	.coverside {
		width: 160px;
	}
	.linkside {
		padding-top: .5em;
	}
	.team h3::after {
		width: 14em;
		left: -3em;
	}
	.team .articlelist .content {
		font-size: 1.1em;
		line-height: 1.4em;
		padding-right: 2em;
	}
	.team .articlelist .docside {
		position: relative;
		top: -1em;
		width: 200px;
		padding-right: 2em;
		z-index: 20;
	}
	.photosplit > div {
		display: table-cell;
		padding: .4em;
		vertical-align: middle;
	}
	.photosplit .photo {
		width: 40%;
		max-width: 300px;
	}
	.highlight {
		width: 50%;
		margin: 1em auto;
	}
	.leftphoto {
		width: 50%;
	}
	.hoverphoto {
		width: 18em;
	}
	.results > div {
		width: 50%;
		justify-content: center;
		border-left: 1px solid #1A334D;
		border-right: 1px solid #1A334D;
	}
	#footer .right {
		text-align: right;
	}
}
@media only screen and (min-width: 48em) {
/* 768 */
	#footer .container {
		top: -.4em;
		padding: 0;
	}
	.socialmedia > div {
		display: table-cell;
		vertical-align: middle;
	}
	.sform {
		width: 100%;
		position: relative;
		font-size: .9em;
	}
	.sform .row {
		padding-right: 10em;
	}
	.sform .roundbutton {
		position: absolute;
		top: 1.2em;
		right: 0;
	}
	.photoback .featureback {
		background-size: 100%;
		background-position: 96% center;
		padding: 1em;
	}
	.featureback {
		padding: 1em;
	}
	ul.boxed li {
		box-shadow: -.5em .5em .4em rgba(0,0,0,.1);
	}
	.related ul.boxed li {
		box-shadow: 0 0 .5em rgba(0,0,0,.1);
	}
	ul.contactsplit {
		flex-flow: row nowrap;
		justify-content: center;
		padding: 2em 1em;
	}
	ul.contactsplit li {
		display: inline-block;
		width: auto;
		vertical-align: middle;
		padding: .25em 1.5em;
	}
	ul.contactsplit li + li {
		border-top: none;
		border-left: 1px solid #1C3651;
	}
	.formtable td.right {
		text-align: right;
	}
	.bottombio .textside {
		padding: 3em 2em 2em;
	}
	.shadow {
		width: auto;
	}
	.shadow:after {
		display: block;
		content: " ";
		position: relative;
		background-image: radial-gradient(rgba(0,0,0,.5) 1em,transparent 4em);
		width: 100%;
		height: 3em;
		bottom: 1.5em;
		z-index: 10;
		margin-bottom: -2.5em;
	}
	.shadow img {
		position: relative;
		z-index: 20;
		width: 8.5em
	}
	.bookback {
		background-image:linear-gradient(180deg,#5CA6D8 20em, transparent 20em);
		padding: 5em 0 3em;
	}
	#booklist {
		max-width: initial;
	}
	#booklist > div {
		box-sizing: border-box;
		width: 33.3%;
		padding: 0 .5em;
		display: inline-block;
		vertical-align: top;
	}
	.parade #booklist > div {
		width: 50%;
	}
	#booklist a {
		display: block;
		white-space: normal;
		position: relative;
		background-color: #FFF;
		border: 1px solid #E5E5E5;
		text-align: left;
		padding: 3em 1em 1em 7.5em;
		height: 13.5em;
	}
	.parade #booklist a {
		padding: 3em 3em 1em 7.5em;
	}
	#booklist .border {
		position: absolute;
		left: 9em;
		bottom: 2em;
		margin: 0;
	}
	#booklist .linebutton {
		padding: 1em 2em;
	}
	#booklist img {
		width: 100px;
	}
	.parade #booklist .title {
		font-size: 1em;
		line-height: 1.4em;
	}
	#booklist .title {
		font-size: 3vw;
		line-height: 1.4em;
	}
	.whiteback, .spaced, .floatblue .inside, .page .fullarticle .contentold  {
		padding: 5em 2em;
	}

}
@media only screen and (min-width: 50em) {
/* 800 */
	body {
		font-size: 1.0vw;
	}	
	a, .formsubmit, .submitbutton, .roundbutton, .boxbutton, .arrowbutton, #booklist, #gosearch, #headersearch, .boxicons li, .boxicons svg rect, .boxicons svg path, a svg rect, a svg path, .hoverphoto div, a .linebutton {
		-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
		transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	}
	a.tel, a.tel:link, a.tel:visited, #footer a.tel, #footer a.tel:link, #footer a.tel:visited {
		color: inherit;
	}	
	iframe {
		height: 33vw;
	}
	h1 br, h3 br, .iconboxes br{
		display: initial;
	}
	h1, .ash1, #main .pagetitle h3 {
		font-size: 3.125em;
		margin-bottom: 1rem;
	}
	.blog .fullarticle h3, .news .fullarticle h3, .blog .fullarticle h1, .news .fullarticle h1, .fullarticle .oldpage h3, .standard.page .fullarticle .content h3 {
		font-size: 2.4em;
	}
	
	h3, .ash3 {
		font-size: 4em;
		margin-bottom: 1.5rem;
	}
	.articlelist h3 {
		font-size: 1.8em;
		line-height: 1.2em;
		margin-bottom: 1em;
	}
	h2 {
		font-size: 2.5em;
		margin-bottom: 1.5rem;
	}
	.widetext {
		font-size: 2em;
	}
	h4.headline {
		font-size: 2.4em;
	}
	h3 + h4 {
		margin-top: -1.5em;
	}
	h3.s40, h4.headline.s40 {
		font-size: 2.22em;
	}
	#fullwidth {
		box-sizing: border-box;
		position: relative;
		width: 100%;
		max-width: 1600px;
		padding: 0;
		margin: 0 auto;
		background-position: center -14em;
		background-size: 100%;
	}
	#footer {
		font-size: 1.5em;
	}
	#footer .socialmedia {
		font-size: 1.25em;
	}
	#main {
		line-height: 1.6em;
	}
	.verytop {
		padding: .5rem 5rem;
		font-size: .825em;
	}
	.pagetitle h1, .pagetitle .ash1, .pagetitle h2, .pagetitle h3, .pagetitle h4 {
		width: 100%;
		margin: .1rem;
	}
	#header h3 {
		margin-bottom: 0;
		margin-top: .5em;
	}
	#header .left {
		text-align: left;
	}
	.splitblock {
		font-size: 1em;
	}
	.splitblock > div {
		padding: .6em 1.2em;
	}
	.splitblock i {
		display: inline;
		padding-left: .2em;
	}
	.contacts {
		position: relative;
		text-align: right;
		top: .4em;
	}
	.searchblock {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		position: relative;
		z-index: 3;
		left: 1rem;
	}
	#gosearch {
		opacity: 0;
		box-sizing: border-box;
		width: 1em;
		font-family: Arial, Helvetica, sans-serif;
		background-color: #1A344D;
		color: #FFF;
		padding: .25em 0; 
	}
	#gosearch:hover {
		background-color: #5DA6D9;
	}
	input:hover {
		cursor: pointer;
	}
	input.boxbutton {
		border: none;
		margin: 0;
		text-transform: uppercase;
	}
	#headersearch {
		font-size: 1em;
		background-color: transparent;
		border: none;
		outline: none;
		color: #FFF;
		padding: .2em .4em;
		width: 8em;
		text-align: right;
	}
	#headersearch::-webkit-input-placeholder {
		color: #DDD !important;
	}
	#headersearch::-moz-placeholder {
		color: #DDD !important;
	}
	#headersearch:-ms-input-placeholder {
		color: #DDD !important;
	}
	.navback {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: center;
		background-color: #19334C;
		padding: .5em 5em;
	}
	.navback .logo {
		background-color: transparent;
		padding: 0;
		width: 15em;
	}
	.navback .contact {
		display: block;
		margin: 6px;
	}

	#navbar {
		display: block;
	}
	#navbar > ul {
		box-sizing: border-box;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		margin: 0;
		list-style: none;
		font-size: .9375em;
		line-height: 1em;
		text-transform: uppercase;
	}
	#navbar li{
		margin: 0;
		padding: 0;
	}
	#navbar > ul > li {
		text-align: center;
		position: relative;
		margin-bottom: 0;
	}
	#navbar a {
		display: block;
		padding: .2em 1.5em;
	}
	#navbar a, #navbar a:link, #navbar a:visited {
		color: #FFF;
		text-decoration: none;
	}
	#navbar a:hover, #navbar a:visited:hover,
	#navbar .nav.on a {
		color: #5CA6D8;
	}
	#navbar ul ul {
		border-top: 1px solid #CDD9E0;
		margin: 0;
		padding: 0;
		position: absolute;
		z-index: 500;
		display: none;
		text-align: center;
		list-style: none;
		font-size: .9375em;
		background-color: #27384D;
		background-color: rgba(0,41,71,.8);
		width: 100%;
	}
	#navbar ul ul a{
		font-size: .9em;
		line-height: 1em;
		letter-spacing: .01em;
		text-transform: none;
		border-bottom: 1px solid #CDD9E0;
	}
	#navbar ul ul a, #navbar ul ul a:link, #navbar ul ul a:visited {
		padding: .5em .5em;
	}
	#navbar ul ul a:hover, #navbar ul ul a:visited:hover {
		background-color: rgb(0,41,71);
	}
	#navbar ul ul .on a, #navbar ul ul .on a:link, #navbar ul ul .on a:visited {
		color: #FFF;
		background-color: rgb(0,41,71);
	}
	
	div#navbar li:hover {
		cursor:pointer;
		z-index:100;
	}
	
	div#navbar li:hover ul ul,
	div#navbar li li:hover ul ul,
	div#navbar li li li:hover ul ul,
	div#navbar li li li li:hover ul ul
	{display:none;}
	
	div#navbar li:hover ul,
	div#navbar li li:hover ul,
	div#navbar li li li:hover ul,
	div#navbar li li li li:hover ul
	{display:block;}
	.original {
		display: inherit;
	}
	#mobilenav {
		display: none;
	}
	.stripe .socialmedia {
		font-size: 16px;
	}
	.stripe .container {
		bottom: -32px;
	}
	.forcebreak:after {
		content: "\A";
		white-space: pre;
	}
	.photoshell {
		width: auto;
		max-width: 50%;
		float: right;
		margin: 0 0 1em 1.8em;
	}
	.figure{ 
		max-width: 200px;
	}
	
	.orderedlist .row1 > div {
		display: table;
		margin: 1em auto;
	}
	.orderedlist .row2 > div, .orderedlist .row3 > div {
		box-sizing: border-box;
		display: table-cell;
		vertical-align: top;
		width: 50%;
		border-top: 1px solid #FFF;
		padding: 1em;
		margin: 0;
	}
	.orderedlist .row2 .content, .orderedlist .row3 .content {
		height: 4em;
	}
	.orderedlist .row2 > div:last-child, .orderedlist .row3 > div:last-child{
		border-left: 1px solid #FFF;
	}
	.orderedlist {
		border-bottom: 1px solid #FFF;
		margin-bottom: 2em;
	}
	.page .fullarticle .twocolumn .whiteback {
		padding: 5em 5em 5em 13em;
	}
	ul.pinboxes, ul.iconboxes {
		margin: 0 -2em;
	}
	.pinboxes li {
		width: 30%;
	}
	ul.pinboxes.x2 {
	    margin: 0 3em;
	}
	.pinboxes.x2 li {
		width: 45%;
	}
	.pinboxes .content {
		padding: 1em;
	    display: flex;
		align-items: center;
		height: 7em;
	}
	ul.iconboxes li {
		font-size: .9em;
		margin: 1em 2.5em 2em;
		width: 24%;
	}
	.iconboxes .content {
	    height: 8em;
	}
	ul.circleicons li {
		width: 20%;
	}
	.circleicons img {
		width: 60%;
		padding: 1em;
		margin: 1em 0;
	}
	.circleicons .content {
		font-size: 1em;
	}
	.callblock {
		padding: 3em 0;
	}
	.littlesplit img {
		width: 6em;
		top: 2em;
		left: 0;
	}
	.littlesplit .more {
		padding-left: 33%;
		margin: 1em 0 2em;
	}
	aside .blueback {
		padding: 1em 3em;
	}
	ul.boxed {
		font-size: .9em;
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
	}
	#morearticles {
		display: flex;
		justify-content: center;
		flex-flow: row wrap;
	}
	ul.boxed li {
		display: inline-block;
		vertical-align: top;
		width: 23%;
		margin: 1%;
	}
	.boxed .title {
		display: flex;
		align-items: center;
		height: 2.4em;
	}
	.boxed .content {
		font-size: .78em;
	}
	.boxed .inside {
		height: 14em;
	}
	.related .boxed .inside {
		height: 15em;
	}
	.greyfill {
		padding: 1.8em 2.2em 2em;
	}
	.littlelink {
		bottom: 3.33em;
		left: 3.67em;
	}
	.sidebar {
		display: block;
	}
	.formobile {
		display: none;
	}
	#sharegroup {
		margin-top: 290px;
		text-align: right;
		position: absolute;
		padding: .5em;
		top: 0;
		left: 1.5em;
	}
	#sharegroup h3 {
		font-size: 1em;
		margin: 0;
	}
	#sharegroup.stuck {
		position: fixed;
		top: 0;
		margin-top: 0;
	}
	#sharegroup.bottom {
		top: auto;
		bottom: 0;
	}
	.sharenav {
		margin: 0 auto;
		padding-bottom: 5em;
	}
	.share {
		display: table;
		margin: 1em auto;
	}
	.share + .share {
		margin-left: 0;
	}
	.share .icon {
		font-size: 5px;
		background-image: url(elements/social-icons.png);
		width: 6.4em;
		height: 6.4em;
		border-radius: 3.2em;
		border: none;
	}
	.share.facebook .icon{
		background-position: 0 0;
	}
	.share.twitter .icon {
		background-position: -10em 0;
	}
	.share.linkedin .icon {
		background-position: -30em 0;
	}
	.share.email .icon {
		background-position: -70em 0;
	}
	/* for stickyscroll */
	.twocolumn aside.sidebar {
		position: absolute;
		top: 0;
		left: 0;
	}
	#subcontainer {
		width: 12em;
		margin-top: 25em;
	}
	#subcontainer.stuck {
		position: fixed;
		margin-top: 1em;
	}
	#subcontainer.free {
		position: relative;
		margin-top: 25em;
	}
	#subcontainer.bottom {
		position: relative;
		margin-top: 1em;
	}
	/* */
	.bottombio .inside {
		display: table;
		margin: 2em 4em 4em 13em;
		padding: 0;
	}
	.bottombio .photoside {
		height: 100%;
		width: 12em;
		display: flex;
		align-items: center;
		position: absolute;
		top: 0;
		left: -6em;
		margin: 0;
	}
	.bottombio .textside {
		display: flex;
		flex-flow: column wrap;
		align-items: center;
		padding: 2em 2em 2em 8em;
		margin: 0;
	}
	ul.contactsplit li {
		padding: .25em 2.5em;
	}
	.blueback {
		padding: 3em;
	}
	.blueback.withbottom {
		background-size: 100%;
		padding: 4em 10em 16em;
	}
	.blueback.withbottom h3 {
		margin-bottom: 4rem;
	}
	.clearback, .pagetitle {
		padding: 5em 50% 5em 8em;
	}
	.clearback .stripes {
		display: block;
		left: 5em;
		top: 10.9em;
	}
	.whiteback.striped, .whiteback.striped2, .whiteback.striped3 {
		background-size: 1.375em;
		background-image: url(elements/stripes.svg);
		padding: 0;
	}
	.whiteback.striped {
		background-repeat: repeat-y;
		background-position: calc(50% - 29em - 4em) -.5em;
	}
	.whiteback.striped2 {
		background-repeat: no-repeat;
		background-position: calc(50% + 29em + 4em) 9em;
	}
	.whiteback.striped3 {
		background-repeat: repeat-y;
		background-position: calc(50% + 29em + 3.9em) 0;
	}
	.whiteback .inside {
		padding: 5em 0;
		margin: 0 auto;
	}
	.whiteback.striped .inside, .whiteback.striped2 .inside {
		max-width: 58em;
	}
	.whiteback.striped3 .inside {
		max-width: 67em;
	}
	.stripes {
		position: absolute;
		background-position: left top;
		background-repeat: repeat-y;
		background-size: 1.375em;
		background-image: url(elements/stripes.svg);
		z-index: 30;
		width: 1.375em;
		height: 100%;
	}
	.whitestripes {
		position: absolute;
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 100em;
		background-image: url(elements/hstripes-white.svg);
		width: 18.75em;
		height: 1.375em;
		bottom: 4em;
		right: 0;
	}
	.hstripes {
		background-position: center;
		background-repeat: repeat-x;
		background-size: 100em;
		background-image: url(elements/hstripes.svg);
	}
	.hstripes2 {
		box-sizing: border-box;
		display: table;
		width: 100%;
		margin: 1.8em auto;
	}
	.hstripes2 > div {
		display: table-cell;
		vertical-align: middle;
	}
	.hstripes2 .inside {
		white-space: nowrap;
		text-align: center;
		padding: 0 1.8em;
	}
	.hstripes2 .hs {
		background-image: url(elements/hstripes.svg);
		background-repeat: repeat-x;
		background-size: 100em;
		background-position: center;
		width: 50%;
	}
	.hstripes.top {
		background-position: center 1.5em;
	}
	.hstripes .inside {
		display: table;
		margin: 1.8em auto;
		text-align: center;
		padding: 0 1.8em;
	}
	.paleblueback .hstripes {
		background-position: center 3em;
	}
	.paleblueback .hstripes .inside {
		margin: 0 auto;
		background-color: #E8F6FF;
		padding: 3em;
	}
	.paleblueback .hstripes.fix {
		background-position: center;
	}
	.paleblueback .hstripes.fix .inside {
		margin: 1.8em auto;
		padding: 0 1.8em;
	}
	.whiteback .hstripes {
		margin-left: -2em;
		margin-right: -2em;
		margin-top: -1.8em;
	}
	.whiteback .hstripes .inside {
		background-color: #FFF;
	}
	.hstripes h3 {
		margin-bottom: 0;
	}
	.paleblueback .stripes {
		left: 5em;
		top: 0;
	}
	.highlight {
		width: 36vw;
		margin: 0;
	}
	.bluetexture {
		padding: 1em;
		background-position: 23.25em top;
		background-repeat: no-repeat;
	}
	.split.bluetexture > div {
		display: table-cell;
	}
  	.overblue {
		padding: 3em 13.25em 6em 6em;
	}
	.overblue p {
		font-size: 1.06em;
		line-height: 1.8em;
		letter-spacing: -.03em;
	}
	.overblue p.larger {
		font-size: 1.25em;
		line-height: 1.5em;
		padding-right: 3em;
	}
	.people {
		display: flex;
		flex-flow: row nowrap;
		position: relative;
		z-index: 40;
		padding: 0 4px;
	}
	.people > div {
		position: relative;
		margin: 0 4px;
		padding: 11em 2em 2em 2em;
		width: 33%;
	}

	.paleblueback .photoside {
		background-position: right center;
		background-size: 40.5em;
		background-repeat: no-repeat;
		padding: 3em 43em 3em 13em;
	}
	ul.boxicons {
		padding-right: 3em;
	}
	ul.boxicons li {
		box-sizing: border-box;
		font-size: .9375em;
		display: block;
		width: 100%;
		padding: 1em 2em 1em 84px;
		margin: .5em 1em;
		position: relative;
	}
	ul.boxicons svg {
		position: absolute;
		top: 1em;
		left: 1em;
		box-shadow: 4px 4px 4px #5CA6D8;
	}
	ul.boxicons li:nth-child(even) {
		box-shadow: inherit;
		background-color: inherit;
	}
	ul.boxicons li:nth-child(even) svg rect {
		fill: #FFF;
	}
	ul.boxicons li:nth-child(even) svg path {
		fill: #1B4673;
	}
	ul.boxicons li:hover {
		box-shadow: 0 4px 4px rgba(0,0,0,.25);
		background-color: #FFF;
	}
	ul.boxicons li:hover svg rect {
		fill: #1B4673;
	}
	ul.boxicons li:hover svg path {
		fill: #FFF;
	}
	.cityback {
		padding: 4em;
	}
	.overlay {
		box-sizing: border-box;
		width: 69em;
		background-color: rgba(255,255,255,.26);
		backdrop-filter: blur(3px);
		color: #FFF;
		display: table;
		padding: 3em 10em;
		margin: 0 auto;
	}
	.overlay p {
		font-size: .875em;
		line-height: 1.7em;
		opacity: .8;
	}
	div.buttons {
		display: flex;
		flex-flow: row nowrap;
		align-items: stretch;
		justify-content: center;
	}
	div.buttons > a {
		margin-left: .75em;
		margin-right: .75em;
	}
	div.buttons .linebutton, .center div.buttons .linebutton {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
	}
	.nolinebutton {
		text-align: left;
		padding: .5em 2em .5em 4em;
		outline: none;
		margin-top: 0;
	}
	.nolinebutton svg {
		display: block;
		position: absolute;
		left: 1em;
		top: .8em;
	}
	.nolinebutton svg path {
		stroke: #FFF;
	}
	.nolinebutton:hover svg path, .nolinebutton:visited:hover svg path {
		stroke: #1A334D;
	}
	.hoverphoto {
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		position: relative;
		background-position: center;
		background-size: 100%;
		background-image: url(elements/lined-photo.svg);
		background-repeat: no-repeat;
		width: 22.125em;
		height: 17.375em;
		margin: 1em .5em;
	}
	.hoverphoto .photo {
		background-size: 26.25em;
		opacity: 0;
	}
	.hoverphoto:hover .photo {
		opacity: .25;
	}
	.hoverphoto .linebutton {
		bottom: -1.3em;
	}
	.leftphoto {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		width: 45em;
	}
	.righttext {
		position: relative;
		padding: 5em 12em 5em 6em;
	}
	.righttext .hstripes {
		position: absolute;
		top: 9.5em;
		left: 0;
		width: 4.5em;
		height: 1.375em;
		background-position: center top;
	}
	.righttext .linebutton {
		margin-top: 3em;
	}
	.blog .leftphoto {
		width: 40em;
	}
	.blog .righttext {
		padding: 4em 5em 4em 6em;
	}
	.results {
		flex-flow: row nowrap;
		margin: 3em -3em 1em;
	}
	.results > div {
		width: 21%;
		padding: 1.5em;
	}
	.parade #booklist > div {
		width: 33.3%;
	}
	#booklist a {
		display: block;
		white-space: normal;
		position: relative;
		background-color: #FFF;
		border: 1px solid #E5E5E5;
		text-align: left;
		padding: 5em 3em 1em 9.5em;
		height: 17em;
	}
	.parade #booklist a {
		padding: 5em 3em 1em 9.5em;
	}
	#booklist .border {
		position: absolute;
		left: 11em;
		bottom: 2.5em;
		margin: 0;
	}
	#booklist .linebutton {
		padding: 1em 2em;
	}
	#booklist img {
		width: 8.5em;
	}
	#booklist .title {
		font-size: 1.125em;
		line-height: 1.4em;
	}

	#blog, #news {
		margin: 4em 15em;
	}
	#news {
		padding: 3em 8em;
	}
	.blurbs { 
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: stretch;
		margin-bottom: 3em;
		max-width: initial;
	}
	.blurbs > div {
		padding: 14em 1em 1em;
		width: 32%;
	}
	.blurbs .content {
		line-height: 1.6em;
		padding: 1.6em;
	}
	.blurbs .title {
		line-height: 1.6em;
		height: 4.8em;
	}
	#slideshow, #slideshow .slide {
		height: 13rem;
	}
	#slideshow .slide {
		font-size: 1.375em;
		line-height: 1.7em;
	}
	.formbox {
		flex-flow: row nowrap;
		max-width: 62em;
	}
	.formbox .formnorm {
		border: none;
		font-size: .875em;
		padding: 1em;
	}
	.formbox .formsubmit {
		font-size: .875em;
		padding: 1em;
	}
	.split.navs {
		display: table;
	}
	.split.navs > div {
		display: table-cell;
	}
	ul.blocked.full.tight {
		padding: 0 3em;
	}
	ul.blocked.offset {
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		margin-bottom: -1.8em;
	}
	ul.blocked.offset li {
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		box-sizing: border-box;
		width: 15.6em;
		padding: 2em 1.8em;
		margin: 0 2em 2em 0;
		line-height: 1.8em;
	}
	ul.blocked.offset li:last-child {
		margin-bottom: 0;
	}
	.h42 {
		height: 42em;
	}
	.h32 {
		height: 32em;
	}
	ul.blocked.offset.h32 li {
		padding: 2em 2.5em;
		background-color: #FFF;
	}
	.h25 {
		height: 25em;
	}
	ul.blocked.offset.h25 li {
		padding: 2em 2.8em;
		height: 9.5em;
		background-color: #FFF;
	}
	ul.blocked.offset li.down6 {
		margin-top: 6em;
	}
	ul.blocked.offset li.down2 {
		margin-top: 2em;
	}
	ul.blocked.columns {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: stretch;
	}
	ul.blocked.columns li {
		display: flex;
		flex-flow: column wrap;
		justify-content: center;
		align-items: center;
		width: calc(50% - 4.2em);;
		margin: .9em;
		padding: 1em 1.2em;
	}
	ul.blocked.row {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: stretch;
		margin: 0 0 2em;
	}
	ul.blocked.row li {
		margin-top: 1em;
		margin-bottom: 0;
	}
	ul.blocked.row li + li {
		margin-left: 1.8em;
	}
	ul.blocked.row .banner {
		top: -2.8em;
		margin-bottom: -1.8em;
	}
	.floatblue {
		position: relative;
	}
	.floatblue .upper, .floatblue .lower {
		box-sizing: border-box;
		position: absolute;
		width: 100%;
		height: 50%;
		left: 0;
		z-index: 5;
	}
	.floatblue .upper {
		top: 0;
	}
	.floatblue .lower {
		top: 50%;
	}
	.floatblue.overpaledark {
		background-image: linear-gradient(180deg,#E8F6FF 50%, #1A334D 50%);
	}
	.floatblue.overwhite {
		background-color: #FFF;
	}
	.floatblue .inside {
		box-sizing: border-box;
		margin-left: 0;
		margin-right: auto;
		max-width: 73em;
		padding: 5em 5em 5em 16em;
		position: relative;
		z-index: 10;
	}
	.floatblue p {
		font-size: 1.125em;
		line-height: 1.6em;
	}
	.floatblue h3 {
		font-size: 2.8em;
	}
	.pair {
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-items: stretch;
		margin-top: 3em;
	}
	.pair > div {
		width: calc(50% - 1em);
		margin: 0;
		letter-spacing: .04em;
	}
	.pair .circlenumbers p {
		font-size: .85em;
	}
	ul.circlenumbers.long li {
		display: flex;
		flex-flow: column nowrap;
		align-items: flex-start;
		justify-content: center;
	}
	.fordesktop {
		display: initial;
	}
	.team {
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	.team > div {
		width: 50%;
	}
	.boxbuttons a + a {
		margin-left: 0;
	}
	.photoback .featureback {
		padding: 2.5em 1.8em;
	}
	.fullarticle .date {
		display: inline-block;
	}
}
@media only screen and (min-width: 64em) {
/* 1024 */
	.columnize {
		-moz-column-count: 2;
		-moz-column-gap: 2em;
		-webkit-column-count: 2;
		-webkit-column-gap: 2em;
		column-count: 2;
		column-gap: 2em;
	}
	.orderedlist .row2 .content {
		height: 6em;
		padding-right: 1em;
	}
	.orderedlist .row2 .numbered {
		top: -1.2em;
	}
	.orderedlist .row3 .content {
		height: 4em;
		padding-right: 1em;
	}
	.bookmap {
		font-size: 96vw;
	}
	ul.special {
		margin: 2em -2em;
	}
	ul.special li {
	    width: 15%;
	}
	.special .inside {
		font-size: .75em;
	}
	.special .big {
		font-size: 1.9em;
	}
	.bottombio .photoside {
		width: 208px;
		left: -104px;
	}
	.bottombio .textside {
		padding-left: calc(104px + 2em);
	}
	.coverside {
		width: 120px;
		max-width: 50%;
	}
	.split .linkside {
		padding-top: 0;
		padding-right: 2em;
	}
}
@media only screen and (min-width: 74em) {
/* 1184 */
	iframe {
		height: 360px;
	}
}
@media only screen and (min-width: 80em) {
/* 1280 */
	p, p.limited {
		margin-bottom: 1.8rem;
	}
	li p {
		margin-bottom: 1em;
	}
	div + h3 {
		margin-top: 2em;
	}
	.extraspace {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	#navbar ul {
		font-size: .925em;
	}
	#navbar > ul > li {
		margin-bottom: 0em;
	}
	#navbar > ul > li + li::after {
		width: 2px;
		top: .4em;
	}
	#navbar a {
		padding: 0 1.8em;
	}
	.split.half > div:first-child {
		padding-right: 1.8em;
	}
	.split.half > div:last-child {
		padding-left: 1.8em;
	}
	.splitblock {
		font-size: .75em;
	}
	.mediablock img {
		margin-bottom: 1em;
	}
	.featureback {
		font-size: .85em;
		background-size: 100%;
		background-position: left center;
		padding: 2em 4em;
	}
	.featureback > div:first-child {
		width: 50%;
	}
	.featureback .boxbutton {
		font-size: .85em;
	}
	.featureback .center {
		text-align: left;
	}
	.boxed .title {
		font-size: 1.3em;
		line-height: 1.2em;
		height: 2.8em;
	}
	.boxed .inside {
		padding: 1.4em;
		height: 15.75em;
	}
	.related {
		padding-bottom: 5em;
	}
	.related .boxed .inside {
		height: 15.75em;
	}
	.boxed .solidtop {
		margin-left: -1.4em;
		margin-right: -1.4em;
		padding-left: 1.4em;
		padding-right: 1.4em;
	}
	.boxed .content {
		font-size: .77em;
	}
	.boxed .boxbutton {
		position: absolute;
		bottom: 1.4em;
		right: 1.4em;
	}
	.blueback + .callblock {
		margin-top: -2em;
	}
	.littlesplit .title {
		height: 3em;
	}
	.littlesplit img {
		top: 1em;
	}
	.greysplit .inside {
		height: 32em;
	}
	aside .blueback {
		padding: 1em;
	}
	.lightblueback.fineprint {
		padding: 1em;
	}
	.fineprint p {
		font-size: .6em;
		line-height: 1.3em;
		margin-bottom: .5em;
	}
	.fineprint b {
		font-size: 1.3em;
	}
	#subcontainer, #subcontainer.free {
		margin-top: 23em;
	}
	.bottombio .inside {
		margin: 2em 5em 5em 13em;
	}
	.morespace, p.morespace:last-child {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	.team .articlelist {
		margin: 3em auto;
		max-width: 42em;
	}
	.flextitle .title {
		margin-right: 1em;
	}
	.flextitle.odd .title {
		margin-right: 0;
		margin-left: 1em;
	}
	.darkbluebox {
		padding: 2.5rem;
	}
	.darkbluebox hr {
		margin: 2.5em -2.5rem;
	}
	ul.blocked.columns.plusspace li {
		padding: 1.6em 1.2em;
	}

}
@media only screen and (min-width: 87.5em) {
/* 1400 */
	.results {
		margin: 3em -5em 1em;
	}
	#footer {
		font-size: 1em;
		padding: 2em 15em;
	}
	.flextitle {
		padding: 1em 2em;
	}
	#footer .socialmedia {
		font-size: 1em;
	}
}
@media only screen and (min-width: 100em) {
/* 1600 */
	body {
		font-size: 16px;
	}
	#footer {
		padding-left: calc(50% - 800px + 15em);
		padding-right: calc(50% - 800px + 15em);
	}
	.clearback, .pagetitle {
		padding: 8em 49% 9em 9em;
		min-height: 28em;
	}
  	.highlight {
		width: 580px;
	}
	.whitestripes {
		bottom: 12em;
	}
	.floatblue .inside {
		padding-left: calc(50% - 36.5em + 3em);
	}
	ul.blocked li {
		padding: 1.5em 1.8em;
	}
	ul.blocked.columns li {
		padding: 1.5em 1.2em;
	}
}