@charset "utf-8";
body {
	font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: medium;
	line-height: 1.2em;
	color: #000;
	margin: 0;
	padding: 0;
	background-color: #FFF;
}
blockquote {
	margin: 1em 0 1.5em;
	padding: 1em;
	background-color: #DEDEDE;
}
b, strong {
	font-weight: 700;
}
em {
	font-weight: 700;
	font-style: italic;
}
.italic {
	font-style: italic;
}
.extraspace {
	margin-top: 2em;
	margin-bottom: 2em;
}
.highlight {
	color: #4B9ED9;
}
figure, figcaption {
	margin: 0;
}
.upper {
	text-transform: uppercase;
}
.smaller {
	font-size: .85em;
	line-height: 1.2em;
}
.fineprint {
	font-size: .8em;
	text-transform: uppercase;
	line-height: 1.1em;
}
.larger {
	font-size: 1.1em;
	line-height: 1em;
}
img, video, audio, iframe {
	width: 100%;
}
img, video {
	height: auto;
}
video, audio, iframe {
	max-width: 640px;
}
.fullvideo {
	text-align: center;
}
.fullvideo video {
	max-width: 1280px;
}
svg {
	max-width: 100%;
}
iframe {
	height: 52vw;
}
a, a:link, a:visited{
	text-decoration: underline;
	color: #000;
	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: #C6C6C6;
}
a.tel, a.tel:link, a.tel:visited {
	text-decoration: none;
}	
h1, h2, h3 {
	font: 700 1.85em/1.1em "Montserrat", sans-serif;
	margin: 0 auto 1rem;
}
h2 {
	font-size: 2.25em;
	text-align: left;
	margin-top: 2rem;
}
h1 + h2 {
	margin-top: -.5rem;
	font-size: 1.1em;
	color: #277AAD;
}
.colorback h1, .colorback .date {
	text-align: center;
	color: #FFF;
}
.colorback h1 {
	margin-top: 1em;
}
.colorback > h3 {
	margin: 1em auto;
}
h3 {
	font-size: 2.25em;
	text-align: center;
}
h4 {
	font-weight: 700;
	letter-spacing: .15em;
	font-size: 1.2rem;
	line-height: 1em;
	margin: 1rem 0;
	color: #E9A73E;
	text-transform: uppercase;
}
h3 + h4 {
	margin-top: 0em;
}
div + h3, p + h3, ul + h3, ol + h3 {
	margin-top: 2em;
}
h1 br, h3 br {
	display: none;
}
p {
	padding: 0;
	margin: 0 0 1.2em;
}
p:last-child {
	margin-bottom: 0;
}
hr {
	border-bottom: none;
	border-left: none;
	border-right: none;
	border-top: 2px solid #707070;
	margin: 1.5em 6%;
	clear: both;
}
hr.half {
	width: 33%;
	margin: 1.5em auto;
}
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;
}
ul {
	display: table;
	padding: 0 0 0 2em;
	margin: 0 0 1em;
}
ol li ul {
	margin-top: .5em;
    padding-left: 1em;
	list-style: disc;
}
ul.clean {
	list-style: none;
	padding-left: 0;
	margin-left: auto;
	margin-right: auto;
}
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 {
	display: inline-block;
	text-align: center;
	padding: 0;
	margin: 1em;
	background-image: linear-gradient(135deg, #DDD, #848484);
	background-size: cover;
	background-position: center;
	position:relative;
}
ul.boxicons.bottomlabels li {
	margin-bottom: 6em;
}
.bottomlabels {
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
}
.boxicons .label {
	width: 100%;
	position: absolute;
	display: flex;
	bottom: -5em;
	left: 0;
	color: #FFF;
	font-weight: 700;
	height: 3em;
	align-items: center;
	justify-content: center;
}
.boxicons a {
	box-sizing: border-box;
	width: 9em;
	height: 9em;
	padding: 0 .5em;
	display: table-cell;
	vertical-align: middle;
	font: 700 .8em/1.2em "Montserrat", sans-serif;
	color: #0D1A31;
	text-transform: uppercase;
	text-decoration: none;
}
.boxicons a, .boxicons a:link, .boxicons a:visited {
	box-shadow: 0 0 0 5px #FFF, 0 0 0 8px transparent;
	background-color: transparent;
}
.boxicons a:hover, .boxicons a:visited:hover {
	box-shadow: 0 0 0 8px #4B9ED9;
	background-color: #F2F2F2;
}
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: 700;
	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 #4B9ED9;
	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: #4B9ED9;
	font: 700 1.9em/1.9em "Montserrat", sans-serif;
	display: table-cell;
	vertical-align: middle;
	border: 2px solid #4B9ED9;
	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: 700;
	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: #4B9ED9;
	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: 700;
}
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 #4B9ED9;
	font-weight: 700;
	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: 700 2em/1em "Montserrat", sans-serif;
	color: #4B9ED9;
}
.special .banner {
	background-color: #4B9ED9;
	color: #FFF;
	font: 700 3em/1em "Montserrat", sans-serif;
	padding: .33em;
	margin: .2em -.66em;
	position: relative;
}
ul.contactsplit {
	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: 14em;
	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: 700;
}
ul.contactsplit a.tel, ul.contactsplit a.tel:link, ul.contactsplit a.tel:visited {
	color: #4B9ED9;
}
.inblock {
	display: inline-block;
	vertical-align: middle;
}
.inblock + .inblock {
	margin-left: 1em;
}

dl {
	margin: .2em 0 1em;
}
dt {
	margin: 1.3em 1em 0 0;
	padding: .2em;
	font-weight: 700;
	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;
}

#fullwidth {
	padding: 1px;
}
#topdonate {
	position: relative;
	padding: 1rem;
	font-size: 12px;
	text-align: center;
	background-color: #EFEFEF;
}
#topdonate a {
	text-transform: uppercase;
	font: 700 12px/1em "Montserrat", sans-serif;
	letter-spacing: .03em;
}
#topdonate a, #topdonate a:link, #topdonate a:visited {
	text-decoration: none;
}
.exit {
	cursor: pointer;
	font-size: 18px;
	line-height: 1em;
	position: absolute;
	top: 0;
	right: 2rem;
	padding: 12px;
}
#header {
	padding: 0;
	position: relative;
	border-top: 4px solid #EFEFEF;
}
.splitblock {
	font-family: "Montserrat", sans-serif;
	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: 700;
}
.splitblock > div {
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	padding: .6em;
}
#main {
	position: relative;
}
.note {
	text-align: center;
	font-size: .8em;
	line-height: 1.2em;
	text-transform: uppercase;
	color: #AFAFAF;
}
.colorback, .whiteback, .overlay {
	padding: 2rem;
}
.colorback.green, .overlay.green {
	background-color: #6EC574;
}
.colorback.yellow, .overlay.yellow {
	background-color: #E9A73E;
}
.colorback.blue, .overlay.blue {
	background-color: #277AAD;
}
.colorback.red, .overlay.red {
	background-color: #D11A1F;
}
.colorback.pink, .overlay.pink {
	background-color: #D499DD;
}
.colorback.gray {
	background-color: #EFEFEF;
}
.overlay.black {
	background-color: #000;
}
.overlay {
	box-sizing: border-box;
	color: #FFF;
}
.orderedlist .row1 > div, .orderedlist .row2 > div, .orderedlist .row3 > div {
	margin: 1em 0;
}
.orderedlist span {
	display: table-cell;
	vertical-align: middle;
}
.orderedlist .numbered {
	padding-right: 1em;
	position: relative;
}
.orderedlist .numbered b {
	display: inline-block;
	border: 3px solid #FFF;
	background-color: #4B9ED9;
	font: 700 1.2em/2em "Roboto", sans-serif;
	border-radius: 50%;
	width: 2em;
	height: 2em;
	text-align: center;
	color: #16223E;
}
.orderedlist .content {
	text-transform: uppercase;
	font: 700 .9em/1.5em "Montserrat", sans-serif;
}
article {
	position: relative;
}
.fullarticle .adminbutton {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}
.medialogos {
	text-align: center;
	margin: 1rem -1rem;
	padding: 1rem;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background-color: #15203A;
}
.navbar, .none, #footer .navigation {
	display: none;
}
#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 3em;
	color: #FFF;
	font-size: 1.1em;
	line-height: 1.15em;
	font-weight: 700;
	text-align: center;
}
#footer .logo {
	max-width: 310px;
	margin: 0 auto;
}
#footer a, #footer a:link, #footer a:visited {
	color: #FFF;
}
.col1 h4 {
	font: 700 1.13em/1em "Montserrat", sans-serif;
	color: #4B9ED9;
	margin: 1em 0 .5em;
}
.col1 p {
	font: 400 .86em/1.38em "Montserrat", sans-serif;
}
.col2 {
	border-top: 2px solid #AFAFAF;
	margin-top: 2rem;
	padding-top: 2rem;
}
.col2 h4 {
	font: 700 1.06em/1em "Montserrat", sans-serif;
	color: #4B9ED9;
	text-transform: uppercase;
}
.col2 h5 {
	font: 700 1.13em/2em "Montserrat", sans-serif;
	color: #4B9ED9;
}
.col2 ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.col2 ul li {
	line-height: 1.6em;
	padding: 0;
	margin: 0;
}
#mobilehide .more {
	content: "";
	top: 0;
}
aside h5 {
	text-align: center;
	text-transform: uppercase;
	color: #1C3651;
	font: 700 1.66em/1.1em "Montserrat", sans-serif;
	letter-spacing: .05em;
}
.formobile.logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
}
.formobile.logo svg {
	height: 120px;
}
.logo a {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	padding: 0 1em;
}
#header .logo .fillcolor {
	fill: #FFF;
}
.logo a, .logo a:link, .logo a:visited {
	background-color: #000;
}
#mobilenav {
	width: 100%;
	position: relative;
	background-color: #FFF;
	border-bottom: 4px solid #EFEFEF;
}
#mobilenav svg {
	fill: #000;
}
#mobilenav ul	{
	font-size: 20px;
	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 .more {
	width: 70px;
	height: 60px;
}
#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: 60px;
	height: 60px;
	color: #000;
}
#mobilenav .mobiletitle {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	font-size: x-large;
	line-height: 40px;
	height: 120px;
	margin-right: 70px;
	overflow: hidden;
}
#mobilenav ul ul, #mobilehide {
	display:none;
}
.mobileicon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	width: 70px;
	height: 120px;
}
.mobileicon:hover, #mobiletoggle:checked ~ .mobileicon, #mobilenav .more, #mobilenav a:hover, #mobilenav a:visited:hover {
	color: #000;
	background-color: #EFEFEF;
}
#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: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row nowrap;
}
.socialmedia svg {
	width: 32px;
	height: 32px;
}
.socialmedia > div {
	display: block;
	margin: 1em;
}
.social a {
	display: block;
	padding-top: 3px;
}

#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;
}
.grayscale {
	filter: grayscale(100%);
}
.photoback {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 50vh;
	filter: grayscale(100%);
}
.photoback svg {
	height: 15vh;
}
.photoback svg .fillcolor {
	fill: #FFF;
}
.photoslide {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 25vh;
}
.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: 0;
}
.fullarticle {
	position: relative;
}
.blog.fullarticle .content h3 {
	font-size: 1.12em;
	margin-top: .82em;
}	
.articlelist h3 {
	text-align: left;
	font-size: 1.3em;
}
.whiteback.page .articlelist h4 {
	margin-bottom: 1rem;
}
.articlelist h3 + h4 {
	margin-top: 1.5rem;
}
.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: "Montserrat", sans-serif;
}
.fullarticle .date{
	font-size: .86em;
}
.blog .fullarticle .date {
	vertical-align: middle;
}
.blog .photo {
	text-align: center;
}
.blog .photo img {
	margin: 1em auto -4em;
}
.blog .whiteback.content {
	margin-top: 4em;
}
.gatsby h2 {
	text-align: center;
	margin-bottom: 2rem;
}
.gatsby > div > div > div > div {
	margin: 4rem 0;
}
.fullarticle .author {
	vertical-align: middle;
	font: 700 1.2em/1em "Montserrat", sans-serif;
	letter-spacing: .05em;
	padding: 0 .5em 0 0;
	color: #4B9ED9;
	text-transform: uppercase;
}
.fullarticle .split > div {
	padding: .5em;
	text-align: center;
}
.photoshell {
	box-sizing: border-box;
	margin: .5em auto;
	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: 700 1.07em/1em "Montserrat", sans-serif;
	color: #4B9ED9;
	text-transform: uppercase;
	text-align: center;
}
.formobile {
	margin-bottom: 2em;
}
.fordesktop {
	display: none;
}
.thumbgroup {
	text-align: center;
}
.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 {
	box-sizing: border-box;
	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;
	margin: 0 auto;
}
.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 {
	box-sizing: border-box;
	max-width: 300px;
	font-size: .85em;
	line-height: 100%;
	text-align: center;
	color: #333;
}
.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;
}

.bigbutton a {
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	display: block;
	font-size: 1em;
	line-height: 1.1em;
	padding: .8em 1.75em;
	text-align: center;
	border: 2px solid #000;
	border-radius: 7em;
	margin: 1rem auto;
}
.bigbutton a, .bigbutton a:link, bigbutton a:visited {
	background-color: transparent;
	text-decoration: none;
}
.bigbutton a:hover, .bigbutton a:visited:hover {
	color: #FFF;
	background-color: #000;
}
.formtable {
	box-sizing: border-box;
	margin: 1em auto 2em;
	padding: 1em 0;
	width: 100%;
}
table.formtable td {
	padding: .5em 1em;
	display: block;
}
input[type="text"], input[type="email"], input[type="tel"], textarea {
	box-sizing: border-box;
	width: 100%;
}
.dollars {
	display: table;
	font-weight: 700;
	margin: 1em auto 1em 0;
	border-radius: 5px;
	background-color: #FFF;
	padding: .6em .8em;
	color: #000;
}
.dollars:before {
	content: "$";
}
.dollars:after {
	content: "USD";
}
.formtable td.right {
	text-align: center;
}
.formbox {
	padding: .5em 1em 0;
}
.granted, .split > div.granted {
	display: none;
}
.formnorm {
	font-size: .85em;
	border: none;
	padding: .6em .8em;
	color: #1C3651;
}
.formtable select {
	width: 100%;
}
.formtable .formnorm {
	background-color: #EFEFEF;
	border-radius: 5px;
	margin-top: .5rem;
}
.formbox .formnorm {
	background-color: #FFF;
	border-radius: 7em;
}
.row .formnorm {
	margin: .5em 0;
}

.formnorm::-webkit-input-placeholder {
	color: #88858C !important;
	font-style: italic;
}
.formnorm::-moz-placeholder {
	color: #88858C !important;
	font-style: italic;
}
.formnorm:-ms-input-placeholder {
	color: #88858C !important;
	font-style: italic;
}
.formsubmit {
	width: 100%;
	font-size: 1.1em;
	border-radius: .3em;
	border: 2px solid #000;
	background-color: #000;
	color: #FFF;
	padding: .5em;
}
a.roundbutton, input.roundbutton, .gatsby a {
	font: 700 1em/1em "Montserrat", sans-serif;
	display: table;
	border-radius: 1.5em;
	border: none;
	padding: 1em 3em;
	margin: 1em auto;
	letter-spacing: .1em;
	text-align: center;
}
a.roundbutton, a.roundbutton:link, a.roundbutton:visited,
.gatsby a, .gatsby a:link, .gatsby a:visited {
	background-color: #000;
	color: #FFF;	
	text-decoration: none;
}
.black .roundbutton {
	background-color: #E9A73E;
	color: #000;
	margin: 2rem auto 2rem 0;
}
.joinedbutton {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-flow: row nowrap;
	margin: 2rem 0;
}
.joinedbutton button:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.joinedbutton button + button {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.joinedbutton button {
	font-size: 1em;
	font-weight: 700;
	padding: .8em 1.8em;
	border: none;
	color: #000;
	background-color: #FFF;
	cursor: pointer;
}
.joinedbutton button.active {
	background-color: #E9A73E;
}
.joinedbutton button.inactive {
	background-color: #FFF;
}
input.submitbutton {
	font: 700 .9em/1em "Montserrat", sans-serif;
	letter-spacing: .05em;
	display: table;
	padding: .8em 2em;
	margin: .5em auto;
	border: none;
}
input.submitbutton, input.roundbutton {
	background-color: #000;
	color: #FFF;	
}
.formtable input.submitbutton {
	background-color: #000;
}
a.roundbutton:hover, a.roundbutton:visited:hover, 
input.roundbutton:focus, input.roundbutton:hover,
input.submitbutton:focus, input.submitbutton:hover,
.gatsby a:hover, .gatsby a:visited:hover {
	background-color: #FFF;
	color: #000;	
	cursor: pointer;
}
#enterkey {
	position: absolute;
	top: 0;
	left: -5em;
}
#s_check {
	display: none;
}

table.preview {
	background-color: #E0E2DF;
	border-spacing: 0;
	color: #000;
}
table.preview td {
	padding: .5em;
}
.check_human .errorborder, .formtable p {
	padding: 4px;
}
.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;
}
.learnmore a{
	box-sizing: border-box;
	display: table;
	width: 100%;
	margin: 0;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background-image: linear-gradient(120deg,#2C2C2C,#0E0E10);
}
.learnmore a, .learnmore a:link, .learnmore a:visited {
	background-color: #0E0E10;
	color: #FFF;
	text-decoration: none;
}
.learnmore a:hover, .learnmore a:visited:hover {
	background-color: #2C2C2C;
}
.nameside {
	display: table;
	margin: 1rem auto;
	text-align: center;
	font-size: .9em;
}
.learnmore .learn {
	font: 700 1.2em/1em "Montserrat", sans-serif;
	vertical-align: middle;
	padding-bottom: .4em;
	padding-right: .5em;
}
.learnmore .name {
	font: 700 1.5em/1em "Montserrat", sans-serif;
	vertical-align: middle;
	color: #B4884C;
	text-transform: uppercase;
}
.learnmore .photoside {
	font: 700 .9em/1.5em "Montserrat", sans-serif;
	display: flex;
	margin: 0 auto;
	background-image: url(elements/jaime-santana-bar-photo.jpg);
	background-position: -27px center;
	background-size: 260px;
	background-repeat: no-repeat;
	text-align: right;
	align-items: center;
	padding-left: 54%;
	height: 170px;
	text-transform: uppercase;
}
.sectiontitle {
	font: 700 1.75em/1.2em "Montserrat", sans-serif;
}
.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;
}
.boxbutton {
	display: table;
	font: 700 1.2em/1em "Montserrat", sans-serif;
	color: #FFF;
	background-color: #000;
	margin: 1em 0 1em auto;
	padding: .6em 1.2em;
	text-transform: uppercase;
	letter-spacing: .05em;
	border: 2px solid #000;
}
.littlelink {
	font-size: .6em;
	line-height: 1em;
	position: absolute;
	bottom: 1rem;
	left: 1rem;
}
a.littlelink, a.littlelink:link, a.littlelink:visited {
	text-decoration: none;
}
a.boxbutton, a.boxbutton:link, a.boxbutton:visited {
	color: #FFF;
	text-decoration: none;
}
a.boxbutton:hover, a.boxbutton:visited:hover {
	color: #000;
	background-color: #FFF;
}
.boxbutton:last-child{
	margin-bottom: 0;
}
.titlegroup, .littlesplit .title {
	background-color: #D0D0D0;
	color: #1C3651;
}
.titlegroup {
	margin: 1em -1em;
	padding: 1em;
}
.littlesplit .title {
	font: 700 1.5em/1.17em "Montserrat", sans-serif;
	margin: .5em -1em;
	padding: 1em;
}
.littlesplit img {
	max-width: 220px;
}
.littlesplit .more {
	font: 700 1.13em/1.1em "Montserrat", sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin: .2em 0 2em;
}
.titlegroup .title, .flextitle .title {
	font: 700 1.73em/1.2em "Montserrat", sans-serif;
	margin-bottom: .5em;
	color: #1C3651;
}
.titlegroup .author, .flextitle .source {
	font: 700 1.33em/1.1em "Montserrat", sans-serif;
	color: #656565;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.split.half > div + div {
	margin-top: 1rem;
}
.split.reverse {
	display: flex;
	flex-flow: column nowrap;
}
.split.reverse > div:last-child{
	order: -1;
}
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;
}
.recent h3 {
	margin: 1em 0 .5em;
	font: 700 1.5em/1em "Montserrat", sans-serif;
}
ul.boxed {
	display: table;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
ul.boxed li {
	padding: 0;
	margin: 1em;
	position: relative;
}
.boxed .photo {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 9em;
	filter: grayscale(100%);
}
.boxed .adminbutton {
	position: absolute;
	top: .5em;
	left: .5em;
}
.boxed .inside {
	display: block;
	background-color: #FFF;
	padding: 1em;
	margin: 0 1em;
	position: relative;
	top: -2em;
	border-bottom: 2px solid #6EC574;
}
.boxed .title {
	font: 700 1em/1.26em "Montserrat", sans-serif;
	margin-bottom: .8em;
	color: #000;
}
.boxed .more {
	font: 700 .8em/1em "Montserrat", sans-serif;
}
.boxed a {
	display: block;
}
.boxed a, .boxed a:link, .boxed a:visited {
	text-decoration: none;
	color: #C6C6C6; 
}
.boxed a:hover .more, .boxed a:visited:hover .more {
	color: #000;
}
.boxed a:hover .photo, .boxed a:visited:hover .photo {
	filter: grayscale(0%);
}

.details {
	display: block;
	margin-top: 4px;
}
.people.whiteback h3 {
	font: 700 1.6em/1em "Montserrat", sans-serif;
	position: relative;
}
.people h4 {
	color: #277AAD;
	font-weight: 700;
}
.people.whiteback h3:after {
	content: " ";
	height: 1px;
	background-color: #707070;
	width: 10em;
	position: absolute;
	left: -.25em;
	bottom: -.25em;
	z-index: -1;
}
.people .articlelist .docside img {
	max-width: 200px;
	border-radius: 50%;
	box-shadow: .2em 0 .5em rgba(0,0,0,.1);
}
.people .articlelist .boxbutton {
	display: inline-block;
	font-weight: 700;
	font-size: .85em;
	padding: .8em 1.5em;
}
.circle {
	display: table;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.group a, .group a:link, .group a:visited {
	display: block;
	text-decoration: none;
}
.group {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}
.group .person {
	text-align: center;
	margin: 1rem 0;
}
.group .name {
	font: 700 1.4em/1em "Montserrat", sans-serif;
	color: #277AAD;
	text-transform: uppercase;
	margin: 1rem 0 .5rem;
	letter-spacing: .03em;
}
.group .title {
	font-weight: 700;
	color: #000;
}
.group h4, .group h5 {
	font: 700 1.2em/1em "Montserrat", sans-serif;
	text-transform: uppercase;
	margin: 1rem 0;
	letter-spacing: .1em;
}
.group h4 {
	color: #D11A1F;
	max-width: 10em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
h4.orange {
	color: #E9A73E;
}
.group > div {
	box-sizing: border-box;
}
.group .icon {
	padding: 1rem;
}
.group .icon.center, .group .icon.center p {
	text-align: center;
}
.group .icon img {
	display: block;
	margin: 2rem auto;
}
@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;
	}
	.boxicons a {
		padding: 0 .5em;
	}
}
@media only screen and (min-width: 41em) {
/* 656 */
	iframe {
		height: 360px;
	}
	h4.sans {
		font-size: 1.3em;
		letter-spacing: .05em;
	}
	#header {
		background-size: 100%;
	}
	.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;
		margin: 2rem auto;
	}
	.split + .split {
		margin-top: 4rem;
	}
	.split > div {
		box-sizing: border-box;
		display: table-cell;
		vertical-align: middle;
	}
	.split > div.top {
		vertical-align: top;
	}
	.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;
	}
	.split.reverse {
		display: block;
	}
	.articlelist.withphoto .docside {
		width: 150px;
	}
	.blog .articlelist.withphoto .docside {
		width: 200px;
	}
	.fullarticle .split {
		width: auto;
		margin: 1em auto;
		text-align: center;
	}
	.fullarticle .split > div {
		padding: 0 1em;
	}
	.whiteback {
		padding: 2em;
	}
	ul.boxicons, ul.iconboxes {
		margin: 1.5em -1em;
	}
	ul.boxicons.x3 {
		max-width: 40em;
		margin-left: auto;
		margin-right: auto;
	}
	ul.boxicons.x5 {
		font-size: .75em;
	}
	.boxicons a {
		width: 11em;
		height: 11em;
		padding: 0 1em;
		font-size: .85em;
	}
	.learnmore .nameside, .learnmore .photoside {
		display: table-cell;
		vertical-align: middle;
	}
	.learnmore .nameside {
		width: 20em;
		font-size: 1.1em;
	}
	.learnmore span.name {
		display: block;
	}
	.learnmore .photoside {
		width: 22em;
		font-size: .85em;
		line-height: 2em;
		background-size: 153px;
		padding-left: 0;
		padding-right: 10px;
		height: 100px;
		background-position: left center;
	}
	.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;
	}
	.hexagonal {
		display: table;
	}
	.hexagonal:before, .hexagonal:after {
		content: " ";
		background-size: 4em;
		background-repeat: no-repeat;
		position: absolute;
		top: 0;
		width: 4em;
		height: 4em;
	}
	.hexagonal:before {
		background-image: url(elements/hexagonal-left.png);
		background-position: right top;
		left: -4em;
	}
	.hexagonal:after {
		background-image: url(elements/hexagonal-right.png);
		background-position: left top;
		right: -4em;
	}
	.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: " -";
	}
	.double input.formnorm {
		width: calc(50% - .5em);
	}
	input.formnorm + input.formnorm {
		margin-left: 1em;
	}
	.pbutton {
		padding: 0 1em;
	}
	.col1 {
		padding: 0 1em 1em 0;
		width: 16em;
	}
	.col2 {
		position: relative;
		border-top: none;
		border-left: 2px solid #6788A0;
		padding: 0 0 1em 1em
	}
	.stripe .upper {
		display: inline;
	}
	.stripe .sans {
		font-size: 1.3em;
		letter-spacing: .05em;
	}
	#footer .split {
		width: 100%;
	}
	#footer .split > div + div {
		padding-left: 2em;
	}
	ul.special li {
	    width: 25%;
	}
	#prev.arrowbutton {
		left: -1.15em;
	}
	#next.arrowbutton {
		right: -1.15em;
	}
	.logos img {
		width: 100%;
	}
	ul.logos li {
	    margin: .5em 2em;
	}
	.share .icon {
		font-size: 10px;
	}
	.coverside {
		width: 160px;
	}
	.linkside {
		padding-top: .5em;
	}
	.people.whiteback h3::after {
		width: 14em;
		left: -3em;
	}
	.people .articlelist .content {
		font-size: 1em;
		padding-right: 2em;
	}
	.people .articlelist .docside {
		position: relative;
		top: -1em;
		width: 200px;
		padding-right: 2em;
	}
	.photosplit > div {
		display: table-cell;
		padding: .4em;
		vertical-align: middle;
	}
	.photosplit .photo {
		width: 40%;
		max-width: 300px;
	}
	.bigbutton a {
		display: table;
	}
	.group {
		flex-flow: row wrap;
		align-items: flex-start;
	}
	.group > div {
		width: 50%;
	}
	.group .person {
		box-sizing: border-box;
		padding: 0 1em;
	}

}
@media only screen and (min-width: 48em) {
/* 768 */
	#header .logo img, .pagetitle{
		position: relative;
		top: -1.5em;
	}
	#footer {
		padding: 2em;
	}
	#footer .logo {
		padding: 0 2em;
	}
	#footer .contact {
		padding-left: 3em;
		text-align: left;
	}
	#footer ul.clean {
		margin: 1em 0;
	}
	.pagetitle h3.sans {
		margin-bottom: .2rem;
	}
	.learnmore .nameside {
		width: 60%;
	}
	.learnmore span.name {
		display: inline;
	}
	.socialmedia > div {
		display: table-cell;
		vertical-align: middle;
	}
	.sform {
		width: 100%;
		position: relative;
		font-size: .9em;
	}
	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;
	}
	table.formtable td {
		display: table-cell;
	}
	table.formtable {
		max-width: 40em;
	}
	.photoslide {
		height: 50vh;
		position: relative;
		clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
	}
	.overlay {
		position: relative;
		top: -10em;
		width: 80%;
		margin: 0 auto -8em;
	}
	.photoshell {
		float: left;
		margin: 0 1rem 1rem 0;
		max-width: 40%;
	}
	.colorback .inside {
		max-width: 40em;
		margin-left: auto;
		margin-right: auto;
	}
	.sform h3 {
		text-align: left;
	}
	ul.boxed, #morearticles {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		align-items: flex-start;
		font-size: .9em;
	}
	ul.boxed li {
		display: inline-block;
		vertical-align: top;
		width: 46%;
		margin: 1em 2%;
	}
	ul.boxed .photo {
		height: 12em;
	}
}
@media only screen and (min-width: 50em) {
/* 800 */
	body {
		font-size: 1.8vw;
	}	
	a, .formsubmit, .submitbutton, .roundbutton, .boxbutton, .arrowbutton, svg .fillcolor, svg .strokecolor, svg .nofill, .social a svg, .grayscale.circle, .boxed .photo, .boxed .more {
		-webkit-transition: all 200ms cubic-bezier(.5, 0, .5, 1);
		transition: all 200ms cubic-bezier(.5, 0, .5, 1);
	}
	a:hover svg .fillcolor, a:hover:visited svg .fillcolor,
	.navbar .nav.on svg .fillcolor,
	.social a:hover svg, .social a:visited:hover {
		fill: #FFF;
	}
	a:hover svg .strokecolor, a:hover:visited svg .strokecolor,
	.navbar .nav.on svg .strokecolor {
		stroke: #FFF;
	}
	a:hover svg .nofill, a:hover:visited svg .nofill,
	.navbar .nav.on svg .nofill {
		fill: transparent;
	}
	a.tel, a.tel:link, a.tel:visited {
		color: inherit;
	}	
	a:hover .grayscale.circle, a:visited:hover .grayscale.circle {
		filter: grayscale(0%);
	}
	iframe {
		height: 33vw;
	}
	#fullwidth {
		box-sizing: border-box;
		position: relative;
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	#header .logo img, .pagetitle {
		top: 0;
	}
	.photoback {
		height: 30em;
	}
	.photoback svg {
		height: 10em;
	}
	.pagetitle {
		height: 6.6em;
		display: flex;
		align-items: center;
		align-content: center;
		flex-flow: row wrap;
		padding-top: 1em;
	}
	.pagetitle.tall {
		height: 8.6em;
	}
	.pagetitle h1, .pagetitle h2 {
		width: 100%;
		margin: .1rem;
	}
	.pagetitle h2 {
		letter-spacing: .1em;
	}
	#header h3 {
		margin-bottom: 0;
		margin-top: .5em;
	}
	.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;
	}
	input.boxbutton:hover {
		cursor: pointer;
	}
	input.boxbutton {
		border: none;
		margin: 0;
		text-transform: uppercase;
	}
	#header .navback {
		vertical-align: middle;
	}
	.navbar, #footer .navigation {
		display: block;
	}
	.navbar svg {
		width: 100%;
		height: 60px;
		margin-bottom: 8px;
	}
	.navbar .logo svg {
		height: 80px;
		width: 80px;
		margin-bottom: 0;
	}
	.navbar > ul {
		box-sizing: border-box;
		display: table;
		width: 100%;
		padding: 0 1em 0 0;
		margin: 0;
		list-style: none;
		font: 700 .7em/1em "Montserrat", sans-serif;
		text-transform: uppercase;
		text-align: center;
	}
	.navbar li{
		display: table-cell;
		vertical-align: middle;
		margin: 0;
		padding: 0;
		position: relative;
	}
	.navbar a {
		box-sizing: border-box;
		width: 100%;
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		justify-content: center;
		padding: 1em 1.5em;
		height: 136px;
	}
	.navbar .logo a {
		padding: 1em;
	}
	.navbar a, .navbar a:link, .navbar a:visited {
		color: #000;
		text-decoration: none;
	}
	.navbar a:hover, .navbar a:visited:hover {
		color: #FFF;
	}
	.navbar .nav.on.blueback a,
	.navbar .blueback a:hover, .navbar .blueback a:visited:hover,
	.footnav .blueback a:hover, .footnav .blueback a:visited:hover {
		background-color: #277AAD;
	}
	.navbar .nav.on.redback a,
	.navbar .redback a:hover, .navbar .redback a:visited:hover,
	.footnav .redback a:hover, .footnav .redback a:visited:hover {
		background-color: #D11A1F;
	}
	.navbar .nav.on.yellowback a,
	.navbar .yellowback a:hover, .navbar .yellowback a:visited:hover,
	.footnav .yellowback a:hover, .footnav .yellowback a:visited:hover {
		background-color: #E9A73E;
	}
	.navbar .nav.on.greenback a,
	.navbar .greenback a:hover, .navbar .greenback a:visited:hover,
	.footnav .greenback a:hover, .footnav .greenback a:visited:hover {
		background-color: #6EC574;
	}
	.navbar .nav.on.pinkback a,
	.navbar .pinkback a:hover, .navbar .pinkback a:visited:hover,
	.footnav .pinkback a:hover, .footnav .pinkback a:visited:hover {
		background-color: #D499DD;
	}
	.navbar .nav.on.blackback a,
	.navbar .blackback a:hover, .navbar .blackback a:visited:hover {
		background-color: #000;
	}
	.footnav .blackback a:hover, .footnav .blackback a:visited:hover {
		background-color: #666;
	}
	.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: 1em;
		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;}
	
	#footer .contact {
		width: 15em;
	}
	#footer .navigation {
		text-align: left;
		navigation: 1em;
	}
	.footnav ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.footnav li {
		padding-bottom: 1em;
	}
	.footnav a {
		text-transform: uppercase;
		padding: .2em;
	}
	.footnav a, .footnav a:link, .footnav a:visited {
		text-decoration: none;
	}
	.original {
		display: inherit;
	}
	#mobilenav {
		display: none;
	}
	.forcebreak:after {
		content: "\A";
		white-space: pre;
	}
	.photoshell {
		max-width: 50%;
		width: 50%;
	}
	.figure{ 
		max-width: 200px;
	}
	.whiteback {
		padding: 5em 3.5em;
	}
	.twocolumn .whiteback {
		padding: 5em 8.5em;
	}
	ul.boxicons, ul.iconboxes {
		margin: 2em -1em 3em;
	}
	.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;
	}
	.learnmore .photoside {
		background-size: 11.8em;
		padding-right: 1em;
		height: 7.7em;
	}
	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;
	}
	.littlelink {
		bottom: 3.33em;
		left: 3.67em;
	}
	.sidebar {
		display: block;
	}
	.formobile {
		display: none;
	}
	.fordesktop {
		display: block;
	}
	#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;
	}
	.people .fullarticle .content {
		display: table;
	}
	.gatsby > div > div > div > div {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: flex-start;
	}
	.gatsby > div > div > div > div > div {
		box-sizing: border-box;
		width: 50%;
		padding: 0 2em;
	}
	.blog .whiteback.content {
		margin: 0 auto;
		max-width: 40em;
	}
}
@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;
	}
	#footer {
		font-size: .9em;
	}
	#footer .split > div.logo {
		max-width: 50%;
		vertical-align: middle;
	}
	.photoslide {
		margin-bottom: 2em;
	}
	.overlay {
		top: -40vh;
		width: 50%;
		right: calc(4em - 25%);
		margin-bottom: calc(2em - 40vh);
		min-height: 32vh;
	}
}
@media only screen and (min-width: 74em) {
/* 1184 */
	iframe {
		height: 360px;
	}
	#footer .contact {
		width: 19em;
	}
}
@media only screen and (min-width: 80em) {
/* 1280 */
	h1 br, h3 br, .iconboxes br{
		display: initial;
	}
	p {
		margin-bottom: 1.5em;
	}
	li p {
		margin-bottom: 1em;
	}
	div + h3, div + .fullvideo {
		margin-top: 2em;
	}
	.fineprint {
		font-size: .5em;
		letter-spacing: .05em;
	}
	.extraspace {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	.splitblock {
		font-size: .75em;
	}
	.boxicons .label {
		font-size: .9em;
		line-height: 1.2em;
	}
	.littlesplit .title {
		height: 3em;
	}
	.littlesplit img {
		top: 1em;
	}
	.fineprint p {
		font-size: .6em;
		line-height: 1.3em;
		margin-bottom: .5em;
	}
	.fineprint b {
		font-size: 1.3em;
	}
	#subcontainer, #subcontainer.free {
		margin-top: 19em;
	}
	.morespace, p.morespace:last-child {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	.people .articlelist {
		margin: 2em auto;
		max-width: 42em;
	}
	.flextitle .title {
		margin-right: 1em;
	}
	.flextitle.odd .title {
		margin-right: 0;
		margin-left: 1em;
	}
	#footer {
		font-size: .8em;
	}
	#footer, .whiteback, .colorback {
		padding-left: calc((100vw - 1200px)/2);
		padding-right: calc((100vw - 1200px)/2);
	}
	.photoslide {
		width: 960px;
		height: 640px;
	}
	.overlay {
		top: -380px;
		right: calc((50vw - 1200px)/2);
		margin-bottom: calc(2em - 380px);
		min-height: 300px;
	}
	.group {
		margin-left: -3rem;
		margin-right: -3rem;
	}
	.group > div {
		width: 33%;
	}
	.group.x4 > div {
		width: 25%;
	}
	.group .icon {
	  padding: 1rem 2rem;
	}
	ul.boxed li {
		width: 40%;
		margin: 1em 5%;
	}
	ul.boxed .photo {
		height: 14em;
	}
	.boxed .inside {
		margin: 0 3em;
	}
	.gatsby > div > div > div > div {
		margin: 4em 0;
	}
}
@media only screen and (min-width: 87.5em) {
/* 1400 */
	body {
		font-size: 24px;
	}
	.photoback {
		height: 48vw;
	}
	.photoback svg {
		height: 16vw;
	}
	.learnmore .photoside {
		letter-spacing: .1em;
		padding-right: 1.5em;
	}
	.learnmore .nameside {
		width: 58%;
		padding-left: 2em;
	}
	.socialmedia {
		justify-content: flex-start;
	}
	.lightblueback.fineprint, .lightblueback {
		padding: 1em 2.8em;
	}
	.greyback .inside {
		padding: 2em;
	}
	.flextitle {
		padding: 1em 2em;
	}
	.arrowbutton {
		height: 3em;
		width: 3em;
	}
	#prev.arrowbutton {
		left: -2em;
	}
	#next.arrowbutton {
		right: -2em;
	}
	#footer, .whiteback, .colorback {
		padding-left: calc((100vw - 1400px)/2);
		padding-right: calc((100vw - 1400px)/2);
	}
}