body {
	margin-top: 5em;
	background: #fff;
	font-size: 12px;
	font-family: "GloberRegular";
}

b {
	font-family: "GloberBold";
}

.lipsum {
	color: pink;
}

.disclaimer {
	display: block;
	margin-bottom: 4em;
	font-size: 1em;
	text-align: center;
}

hr {
	margin: 6em auto 5em;
	border: 0;
	border-bottom: 1px solid #e2e2e2;
}

.skip-to-nav {
	display: none;
}

.main-nav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5.5em;
	background: #363636;
	border-bottom: .5em solid #0078ad;
	border-color: rgba(0,120,173,.25);
	background-clip: padding-box;
	line-height: 5em;
	-webkit-backface-visibility: hidden;
}

.main-nav ul {
	text-align: center;
	height: 100%;
}

.main-nav li {
	position: relative;
	display: inline-block;
	height: 100%;
}

.main-nav li a {
	display: block;
	height: 100%;
	padding: .2em 1em 0;
	color: #fff;
	font-size: 1.5em;
	text-decoration: none;
}

.main-nav li a:active {
	outline: none;
}

.main-nav li:hover a {
	background: #be301a;
}

.main-nav li.active a {
	background: #ee4135;
	cursor: default;
}

.main-nav li.active:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 3%;
	width: 94%;
	height: 6px;
	background: #be301a;
}

.main {
	position: relative;
	z-index: 0;
	text-align: center;
	overflow: hidden;
	background: url(../img/illo/sky.jpg) center top no-repeat #a9d2d6;
	background-size: cover;
}

.svg .main {
	background: url(../img/illo/sky.svg) center top no-repeat;
	background-size: cover;
}

.globe-fragment {
	height: 23em;
}

.full-globe {
	height: 62em;
	transition: height 400ms ease-in;
}

.the-whole-globe {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.the-whole-globe:before,
.the-whole-globe:after {
	display: none;
}

.floater {
	position: absolute;
	pointer-events: none;
	transition: opacity 400ms ease-in;
}

.moon {
	z-index: -2;
	top: 8em;
	left: 3em;
	transform: rotate(0deg);
	transform-origin: 140px 640px;
}

.moon:after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 40%;
	width: 0;
	height: 0;
	border-radius: 50%;
	box-shadow: 0px 0px 40px 48px rgba(255,255,255,.7);
}

.saturn {
	top: 1em;
	left: 34em;
	transform: rotate(0deg);
	transform-origin: 140px 140px;
}

.saturn:after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 50%;
	box-shadow: 0px 0px 20px 18px rgba(255,255,255,.7);
}

.iss {
	top: 30em;
	z-index: -1;
	right: -4em;
	transform: rotate(0deg);
	transform-origin: -550px -100px;
}

.iss:after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 60%;
	width: 0;
	height: 0;
	border-radius: 50%;
	box-shadow: 0px 0px 60px 68px rgba(255,255,255,.7);
}

.spaceman {
	top: 30em;
	z-index: 10;
	top: 0;
	right: 2em;
	transform: rotate(0deg);
	transform-origin: -550px -100px;
	pointer-events: all;
	cursor: pointer;
	transition: transform 200ms ease-in;
	transition-delay: 300ms;
}

.ie8 .spaceman {
	display: none;
}

.spaceman:after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 70%;
	left: 20%;
	width: 10em;
	height: 0;
	border-radius: 50%;
	box-shadow: 0px 0px 60px 38px rgba(255,255,255,.7);
}

.spaceman.solo {
	top: 40%;
	left: 0%;
	animation: floatin 10s infinite;
}

.spaceman.solo:after {
	display: none;
}

@keyframes floatin {
  0%  { transform: translate(0%,0%); }
  50%  { transform: translate(5%,5%); }
  100%  { transform: translate(0%,0%); }
}

.major-tom .spaceman {
	transform: rotate(15deg);
	transform-origin: 550px -100px;
}

.globe-fragment .iss,
.globe-fragment .saturn,
.globe-fragment .moon {
	opacity: 0;	
}

.card-panel {
	position: absolute;
	top: 20em;
	left: 50%;
	width: 62em;
	margin-left: -31em;
	padding: 2em 2em 1em;
	background: #fff;
	background: rgba(255,255,255,.9);
	border: .6em solid #0078ad;
	border-color: rgba(0,120,173,.25);
	background-clip: padding-box;
	border-radius: 1em;
	transition: top 400ms ease-out;
}

.globe-fragment .card-panel {
	visibility: hidden;
	top: 40em;
}

.card-panel h2 {
	margin: 0 1em .5em;
	font-size: 2.4em;
	line-height: 1.1666666667;
	color: #ee4135;
}

.card-panel h3 {
	width: 80%;
	margin: 0 auto .5em;
	padding-top: .7em;
	font-size: 2em;
	font-family: "GloberBold";
	line-height: 1.1666666667;
	color: #ee4135;
	border-top: 1px solid #ebebeb;
}

.card-panel p {
	width: 80%;
	margin: 0 auto .5em;
	padding-top: 1em;
	font-size: 1.4em;
	line-height: 1.1666666667;
	border-top: 1px solid #ebebeb;
}

.card-panel p:last-child {
	margin: 1em auto 0;
	border: 0;
}

.greetings-slider {
	margin-bottom: 1em;
	overflow: hidden;
	white-space: nowrap;
}

.dots {
	margin-top: -.5em;
	margin-bottom: 1em;
}

.dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 .4em;
	background: #222;
	opacity: .3;
	border-radius: 50%;
	transform: rotate(45deg); /* gets rid of a flat side in webkit */
	outline: 0;
}

.dot.active {
	opacity: .7;
}

.greetings-slider li {
	display: inline-block;
	vertical-align: top;
	width: 33.33333333333333%;
	min-height: calc(60px + 2em);
	white-space: normal;
	padding: 1em 1.4em 0.5em 1em;
	text-align: left;
	font-size: 1.1em;
}

.greetings-slider li.blank {
	pointer-events: none;
	visibility: hidden;
}

.greetings-slider li .content {
	display: none;
}

.js .greetings-slider li:hover {
	background: #fff;
	cursor: pointer;
}

.greetings-slider li:first-child {
	transition: margin-left 400ms ease-out;
}

.greetings-slider li img {
	display: block;
	float: left;
	height: 60px;
	width: 60px;
	margin-top: -1em;
	margin-right: 1em;
	border-radius: 50%;
}

.greetings-slider li a {
	display: inline-block;
	padding-top: .7em;
	color: #222;
}

.ie8 .greetings-slider li a {
	width: 100%;
}

.greetings-slider li b {
	color: #0078ad;
	font-family: "GloberBold";
}

.greetings-slider li span {
	display: block;
	max-height: 3.4em;
	overflow: hidden;
}

.add-greeting-links {
	margin-bottom: 1em;
}

.add-greeting-links li {
	display: inline-block;
	vertical-align: top;
	margin: 0 .2em;
}

.icon {
	display: block;
	height: 44px;
	line-height: 44px;
	border: 2px solid #0078ad;
	border-radius: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
}

.full-article .icon {
	display: inline-block;
	margin-right: .2em;
}

.icon.twitter {
	width: 44px;
	background-image: url(../img/icons/icon_twitter.png);
	text-indent: -100px;
	overflow: hidden;
}

.svg .icon.twitter {
	background-image: url(../img/icons/icon_twitter.svg);
}

.icon.facebook {
	width: 44px;
	background-image: url(../img/icons/icon_facebook.png);
	text-indent: -100px;
	overflow: hidden;
}

.svg .icon.facebook {
	background-image: url(../img/icons/icon_facebook.svg);
}

.icon.google {
	width: 44px;
	background-image: url(../img/icons/icon_google.png);
	text-indent: -100px;
	overflow: hidden;
}

.svg .icon.google {
	background-image: url(../img/icons/icon_google.svg);
}

.icon.weibo {
	width: 44px;
	background-image: url(../img/icons/icon_weibo.png);
	text-indent: -100px;
	overflow: hidden;
}

.svg .icon.weibo {
	background-image: url(../img/icons/icon_weibo.svg);
}

.icon.tumblr {
	width: 44px;
	background-image: url(../img/icons/icon_tumblr.png);
	text-indent: -100px;
	overflow: hidden;
}

.svg .icon.tumblr {
	background-image: url(../img/icons/icon_tumblr.svg);
}

.full-messages {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: translate(-50%,-50%) scale(0);
}

.ie8 .full-messages {
	top: 0;
	left: 0;
}

.control {
	position: absolute;
	top: 50%;
	left: -6em;
	height: 4em;
	width: 4em;
	margin-top: -2em;
	background: #0078ad;
	color: #fff;
	border-radius: 50%;
	box-shadow: 0px 0px 5px 1px rgba(255,255,255,.7);
	opacity: 0;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
}

.ie8 .control {
	display: none;
}

.active .control {
	cursor: pointer;
	pointer-events: all;
	opacity: 1;
	transition: opacity 200ms ease-out;
	transition-delay: 300ms;
}

.control.next {
	left: auto;
	right: -6em;
}

.control.next:before {
	content: '›';
	font-size: 5em;
	font-family: "GloberBold";
	line-height: .95em;
	letter-spacing: -.05em;
}

.control.previous:before {
	content: '‹';
	font-size: 5em;
	font-family: "GloberBold";
	line-height: .95em;
	letter-spacing: .05em;

}

.control.close {
	top: 2em;
	left: auto;
	right: -5em;
	height: 2em;
	width: 2em;
	font-size: 1em;
	line-height: 1em;
	font-family: "GloberBold";
	background-image: url(../img/close.gif);
	background-size: 50%;
	background-position: center;
	background-repeat: no-repeat;
}

.active .control.close {
	opacity: .5;
}

.active .full-messages {
	opacity: 1;
	transform: translate(-50%,-50%) scale(1);
	transition: all 300ms ease-out;
}

.full-messages .message-holder {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.full-message {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(100%);
	height: 100%;
	width: 100%;
	padding: 2.5em 4em;
	background: #fff;
	border-radius: .4em;
	text-align: left;
	transition: all 300ms ease-out;
}

.full-message .inner {
	position: absolute;
	top: 50%;
	width: 87%;
	transform: translateY(-50%);
}

.full-message:first-of-type {
	transform: translateX(0);
}

.full-message.active.activate {
	transform: translateX(0);
	transition: all 0;
}

.full-message.active {
	transform: translateX(0);
}

.full-message.offLeft {
	transform: translateX(-100%);
}

.full-message p, .greetings-list .manual p {
	width: auto;
	margin: 0 0 1em;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.33333333333333em;
	border: 0;
}

.full-message footer,
.greetings-list li.manual footer {
	margin: 1.5em 0 .5em;
	font-size: 1.33333333333333em;
	line-height: 1.33333333333333em;
	padding-bottom: 0.75em;
}

.full-message footer img,
.greetings-list li.manual footer img {
	display: block;
	float: left;
	height: 60px;
	width: 60px;
	margin-top: -.4em;
	margin-right: 0.75em;
	border-radius: 50%;
}

.full-message footer span,
.greetings-list li.manual footer span {
	display: block;
}

.full-message.embedded {
	background: #fdfdfd;
}

.full-message.embedded blockquote,
.full-message.embedded iframe {
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	margin: 0 !important;
	min-width: 80% !important;
}

/*.main:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	height: 0;
	width: 100%;
	border-bottom: .5em solid #0078ad;
	border-color: rgba(0,120,173,.25);
}*/

.main:before, .main:after {
	content:'';
	position: absolute;
	z-index: 1;
	bottom: 0;
	height: 0;
	border-bottom: 1.5em solid #fff;
	box-sizing: border-box;
}

.main:before {
	left: 0;
	width: 50%;
	border-right: 2em solid transparent;
}

.main:after {
	right:0;
	width: 50%;
	border-left: 2em solid transparent;
}

.border {
	position: absolute;
	z-index: 0;
	bottom: -.5em;
	left: 0;
	width: 100%;
	height: 1em;
	background: rgba(0,120,173,.25);
	box-sizing: border-box;
}

.border:before, 
.border:after {
	content:'';
	position: absolute;
	bottom: 100%;
	height: 0;
	border-bottom: 1.5em solid rgba(0,120,173,.25);
	box-sizing: border-box;
}

.border:before {
	left: 0;
	width: 50%;
	width: calc(50% + 2px);
	border-right: 2em solid transparent;
}

.border:after {
	right: 0;
	width: 50%;
	width: calc(50% + 2px);
	border-left: 2em solid transparent;
}

.main h1 {
	position: relative;
	z-index: 10;
	padding-top: 2.6em;
}

.main h1:after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 70%;
	left: 50%;
	width: 0;
	height: 0;
	border-radius: 50%;
	box-shadow: 0px 0px 80px 88px rgba(255,255,255,.7);
}

.globe-fragment .bg {
	position: absolute;
	z-index: -1;
	top: 18em; /* if you change this, the JS file needs to be updated (I know I know) */
	height: 138px;
	width: 100%;
	background: url(../img/illo/globe.png) center top no-repeat;
}

.svg .globe-fragment .bg {
	background: url(../img/illo/globe.svg) center top no-repeat;
}

.full-globe .bg {
	position: absolute;
	z-index: -1;
	top: 18em; /* if you change this, the JS file needs to be updated (I know I know) */
	height: 100%;
	width: 100%;
	background: url(../img/illo/globe.png) center top no-repeat;
}

.svg .full-globe .bg {
	background: url(../img/illo/globe.svg) center top no-repeat;
}

.the-whole-globe .bg {
	height: 100%;
}

.the-whole-globe h2 {
	position: absolute;
	z-index: 100;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: 2em;
}

.page-title,
.article-title {
	max-width: 26.66666666666667em;
	margin: 1.6666666em auto;
	font-family: "GloberBold";
	font-size: 3em;
	text-align: center;
}

.page-title {
	position: relative;
}

.page-title .special {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	transform: translateY(-50%);
}

.page-title a,
.article-title a {
	color: inherit;
}

.big-description {
	width: 36.66666666666667em;
	max-width: 90%;
	margin: 1.6666666em auto;
	font-size: 2em;
	text-align: center;
}

[data-flag] {
	position: relative;
	padding: 0 4em;
}

[data-flag]:before {
	content: attr(data-flag);
	display: block;
	position: absolute;
	font-family: "GloberRegular";
	left: 0;
	top: 0;
	width: 10em;
	padding: 1em 1em .8em 1em;
	font-size: .333333em;
	color: #fff;
	background: #363636;
	text-align: left;
}

.ie8 [data-flag]:before {
	display: none;
}

.article-title {
	font-family: "GloberRegular";
}

.sponsor-image-full {
	display: block;
	margin: -3em auto 3em;
}

.main-container {
	width: 100%;
	max-width: 80em;
	margin: 0 auto;
}

body > .main-container {
	margin-bottom: 8em;
}

.main-content {
	display: inline-block;
	vertical-align: top;
	width: 61em;
	padding-right: 2em;
}

.main-content.full-article.wide-content {
	width: 100%;
	padding: 0;
}

.main-content.full-article,
.main-content.basic-page {
	padding: 0 2em 2em 1em;
}

.main-content.full-article .inset-content {
	position: relative;
	margin-left: 10em;
}

.inset-content .fancy-date {
	position: absolute;
	left: -8.25em;
	top: 0;
}

.promo-container {
	display: inline-block;
	vertical-align: top;
	width: 19em;
}

.promo-module {
	margin-bottom: 4em;
	clear: left;
}

.promo-module h1 {
	font-size: 1.5em;
	font-family: "GloberBold";
	line-height: 1em;
	margin-bottom: 1em;
	color: #79c143;
}

.promo-module h2,
.promo-module p,
.promo-module li {
	display: block;
	font-size: 1.16666666666667em;
	font-family: "GloberBook";
	line-height: 1.28571428571429em;
	margin-bottom: 1em;
}

.promo-module h2 {
	font-family: "GloberBold";
}

.promo-module img {
	max-width: 50%;
}

.promo-module li:before, .promo-module li:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.promo-module li:after { clear: both; }  
.promo-module li { zoom: 1; } 

.promo-module li img {
	float: left;
	max-width: 33%;
	margin-right: .888888em;
}

.fancy-date,
.promo-module time,
.event-list time {
	display: block;
	float: left;
	width: 25%;
	margin: 0 1em 1em 0;
	text-align: center;
	text-transform: uppercase;
	font-family: "GloberBold";
}

.fancy-date.smaller {
	font-size: .8em;
}

.event-list time {
	width: 6.85714285714286em;
	font-size: 1.16666666666667em;
	line-height: 1.28571428571429em;
	margin-right: 1.71428571428571em;
}

.fancy-date {
	width: 6.85714285714286em;
	font-size: 1.16666666666667em;
	line-height: 1.28571428571429em;
	margin-right: 1.71428571428571em;
}

.fancy-date b,
.promo-module time b,
.event-list time b {
	display: block;
	margin: 0 0 0.1em;
	padding: 0.35em 0 0.1em;
	vertical-align: middle;
	font-size: 4.28571428571429em;
	line-height: 0.5em;
	font-family: "GloberBold";
	font-weight: normal;
	text-align: center;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
	letter-spacing: -0.05em;
}

.fancy-date b,
.event-list time b {
	min-width: 100%;
}

.event-single .fancy-date {
	font-size: 0.77777777777778em;
}

.event-single dl {
	margin: 0 0 1.5em 10em;
}

.event-single p:first-child {
	margin-bottom: 0;
}

.event-single p:not(:first-child) {
	margin-left: 6.66666666666667em;	
}

.event-single dd {
	font-family: "GloberBold";
	text-transform: uppercase;
	color: #999;
	line-height: 1.33333333333333em;
	margin: 0;
}

.event-single dt {
	font-size: 1.5em;
	line-height: 1.33333333333333em;
	margin-bottom: 0.5em;
}

a.caps {
	font-size: .8444444em;
	font-family: "GloberBold";
	line-height: 1.5em;
	text-transform: uppercase;	
	text-decoration: none;
}

.main-content > .summary-module {
	padding: 0 1em 1em 1em;
	margin-bottom: 1.888888em;
	border-bottom: 1px solid #e2e2e2;
}

.main-content > .summary-module.archive-view {
	font-size: 10px;
}

.main-content > .summary-module:last-of-type {
	border-bottom: 0;
}

.main-content > .summary-module.box-version {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 33.333%;
	width: calc(34.1% - 2em);
	min-height: 312px;
	margin: 0 2em 4em 0;
	padding: 0;
	border: 0;
}

.main-content > .summary-module.box-version .inset-content {
	position: relative;
}

.main-content > .summary-module.box-version:nth-child(3n) {
	margin-right: 0;
}

.summary-module.box-version .project-thumb {
	position: relative;
	width: 100%;
	height: 170px;
	margin-bottom: 3em;
	overflow: hidden;
}

.summary-module.box-version .project-thumb.quote {
	display: table;
	vertical-align: middle;
	height: auto;
	min-height: 170px;
}

.summary-module.box-version .project-thumb .featured-quote {
	display: table-cell;
	vertical-align: middle;
	padding: 0 1em;
	font-size: 1.6em;
}

.summary-module.box-version .project-thumb .featured-quote a {
	color: inherit;
}

.summary-module.box-version .project-thumb .featured-quote:before {
	position: relative;
	line-height: 0;
	left: 0;
	top: .5em;
}

.summary-module.box-version .project-thumb.video a:after {
	content: url(../img/icon_video.png);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.summary-module.box-version .project-thumb.interactive a:after {
	content: url(../img/icon_finger.png);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.main-content > .summary-module.box-version .fancy-date {
	left: 0;
	top: 0;
}

.main-content > .summary-module.box-version .meta {
	width: auto;
	margin: 0 0 0 6.5em;
	font-size: 1em;
	text-transform: none;
}

.main-content > .summary-module.box-version .meta h2 {
	margin-bottom: .2em;
	font-family: "GloberBold";
	line-height: 1.5em;
}

.main-content > .summary-module.box-version .meta .webby-source {
	margin: 0;
	font-size: 1em;
	line-height: 1.2em;
}

.summary-module h1,
.event-list h2 {
	font-size: 2em;
	line-height: 1.25em;
	margin-bottom: .5em;
}

.summary-module h1 a {
	color: #222;
}

.summary-module .summary,
.event-list p {
	font-size: 1.5em;
	line-height: 1.33333333333333em;
}

.event-list p {
	margin-left: 6.66666666666667em;
}

.event-list p.meta {
	font-size: 1.16666666666667em;
}

.meta {
	margin: 1em 0;
	font-size: 1.16666666666667em;
	line-height: 1.71428571428571em;
	text-transform: uppercase;
	font-family: "GloberBook";
}

.full-article .meta {
	margin-top: 0;
	margin-bottom: 3em;
	font-size: 1.16666666666667em;
}

.full-article .meta a {
	font-family: "GloberBold";
}

.sponsor-content {
	width: 58em;
	margin: 0 auto;
}

.full-article h2,
.full-article h3,
.full-article h4,
.full-article li,
.full-article p,
.full-article nav,
.full-article .transcript,
.basic-page h2,
.basic-page h3,
.basic-page h4,
.basic-page li,
.basic-page p,
.basic-page nav,
.basic-page .transcript,
.sponsor-content p {
	font-size: 1.5em;
	line-height: 1.33333333333333em;
	margin-bottom: 1em;
}

.webby-source {
	margin-top: -1em;
}

.webby-source a {
	font-size: .75em;
}

.webby-source a:before {
	content: '';
	display: block;
	font-size: .666em;
}

.full-article li li,
.basic-page li li {
	font-size: 1em;
}

.full-article h2,
.basic-page h2 {
	font-size: 2em;
	font-family: "GloberBold";
}

.full-article h3,
.basic-page h3 {
	font-size: 2em;
	margin-bottom: 0.75em;
	color: #ee4135;
	font-family: "GloberBold";
}

.full-article h4,
.basic-page h4,
.full-article h5,
.basic-page h5 {
	margin-bottom: 0;
	font-family: "GloberBold";
}

.full-article blockquote:not(.featured-quote),
.basic-page blockquote {
	padding: 0 2em;
	color: #999;
	font-family: "GloberRegularItalic";
	border-left: 1px dotted #ccc;
	margin: 3em 0;
}

blockquote.featured-quote {
	position: relative;
	margin-bottom: 1em;
	font-size: 3.75em;
}

blockquote.featured-quote b,
blockquote.featured-quote strong {
	color: #ee4135;
	font-family: "GloberRegular";
}

blockquote.featured-quote:before {
	content: '“';
	position: absolute;
	top: -.1em;
	left: -.325em;
	font-size: 4em;
	color: #ee4135;
}

blockquote.featured-quote:after {
	content: '”';
	position: relative;
	top: .5em;
	left: -.075em;
	font-size: 4em;
	line-height: 0;
	color: #ee4135;
}

.full-article blockquote footer,
.basic-page blockquote footer {
	font-size: 1em;
	padding-bottom: 1em;	
	font-family: "GloberRegularItalic";
}

.featured-project,
.all-projects {
	width: 100%;
	position: relative;
	margin-bottom: 5em;
	padding-top: 2.666em !important;
	padding-right: 0;
	border-top: 1px solid #e5e5e5;
}

.featured-project:before {
	content: 'Most Recent Project';
	position: absolute;
	top: -1.5em;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	color: #79c143;
	background: #fff;
	padding: 1em;
}

.all-projects:before {
	content: 'All 25 for 25 Projects';
	position: absolute;
	top: -1.5em;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	color: #79c143;
	background: #fff;
	padding: 1em;
}

.featured-project > figure.video-player {
	margin-top: 0;
	margin-bottom: 1em;
}

.featured-project .featured-photo {
	margin-top: 0;
	margin-bottom: 2em;
}

.featured-project .featured-quote {
	margin-left: 2em;
	margin-right: 2em;
}

.featured-project .featured-photo img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.main-content.full-article .featured-project .inset-content {
	margin-left: 11em;
	font-size: .70em;
}

.featured-project .fancy-date.smaller {
	left: -9.5em;
}

.featured-project .meta {
	display: inline-block;
	vertical-align: top;
	width: 34em;
	margin-right: 4em;
	font-size: .8em;
}

.featured-project .inset-content .webby-source a {
	font-size: 1em;
	line-height: 1.8em;
}

.featured-project .webby-intro {
	display: inline-block;
	vertical-align: top;
	width: 36em;
	font-size: 2em;
}

.webby-banner {
	position: relative;
	margin-bottom: 3em;
	padding: .75em .666em;
	font-size: 2.333em;
	line-height: 1.25em;
	border: 1px solid #e5e5e5;
}

.webby-banner h1 {
	margin-bottom: .25em;
}

.webby-banner b {
	color: #ee4135;
	font-family: "GloberRegular";
}

.webby-banner p {
	margin: 0;
	font-size: .75em;
	line-height: .75em;
}

.webby-banner h1,
.webby-banner p {
	width: 85%;
	width: calc(100% - 96px - 1.2em);
}

.webby-banner a.logo {
	position: absolute;
	right: .666em;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 96px;
	height: 55px;
	background: url(../img/webby-logo.png) right no-repeat;
}

.full-article ul,
.basic-page ul,
.full-article ol,
.basic-page ol {
	margin-bottom: 1.5em;
}

.full-article ul:not(.event-list) li,
.basic-page ul:not(.event-list) li {
	margin-left: 2em;
	list-style-type: disc;
}

.full-article ol li,
.basic-page ol li {
	margin-left: 2em;
	list-style-type: decimal;
}

.full-article ol li ul {
	margin-top: 1em;
}

.event-list li {
	margin-bottom: 2.5em;
	padding-bottom: 2.5em;
	border-bottom: 1px solid #ececec;
}

.event-list li:last-of-type {
	border-bottom: 0;
	/* padding-left: 10em; */
}

.event-list li:before, .event-list li:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.event-list li:after { clear: both; }  
.event-list li { zoom: 1; } 

.event-list h2 {
	font-family: "GloberRegular";
}

.event-list h2 a {
	color: inherit;
}

.full-article .transcript {
	font-size: 1em;
	padding: 1em;
	font-family: "GloberBook";
	background: #eee;
}

.full-article .transcript h5 {
	font-size: 1.4em;
	margin-bottom: 1em;
}

.no-js .open-transcript,
.js .full-article .transcript {
	display: none;
}

.full-article > p:last-of-type:last-child:after {
	content: "//";
	padding-left: .33333em;
	color: #ee4135;
}

.summary-module p .read-more {
	margin-left: .5em;
	font-family: "GloberBold";
	font-size: .8em;
	text-transform: uppercase;
}

.summary-module p .read-more.has-video:before, .greetings-list .read-more.has-video:before, .full-message .read-more.has-video:before {
	content: "Video";
	display: inline-block;
	margin-right: .5em;
	padding: 4px 3px 0;
	border-radius: 5px;
	font-family: "GloberRegular";
	line-height: 1em;
	color: #fff;
	background: #0078ad;
}

.main-content > .paginator {
	margin-top: 3em;
	font-family: "GloberBold";
	font-size: 1em;
	text-transform: uppercase;
	color: #ccc;
}

figure.video-player {
	max-width: 960px;
	margin: 1.6666666em auto;
	font-size: 3em;
	text-align: center;
}

.ie8 figure.video-player {
	min-height: 1px;
}

figure.featured-photo {
	margin: 0 1em 3em 0;
}

figure.photo {
	float: left;
	max-width: 100%;
	margin: 0 1em 1em -3em;
	padding: 2em 2em 1em 3em;
	border-left: 1px solid #ececec;
	vertical-align: middle;
}

figure.photo a + a img {
	margin: 0 0 2em 2em;
}

figure.photo figcaption {
	padding: 1em;
	font-size: .888888em;
	line-height: 1.5;
	color: #666;
}

figure.photo figcaption cite {
	display: block;
}

figure.photo figcaption a {
	color: #666;
}

.main-content > .paginator b {
	color: #666;
}

.bottom-sponsor {
	padding: 2em;
	text-align: center;
	border-top: 1px solid #e2e2e2;
}

.bottom-sponsor h1 {
	font-size: 1.5em;
	font-family: "GloberBold";
	font-weight: normal;
	line-height: 1em;
	margin-bottom: 1em;
	color: #79c143;
}

.bottom-sponsor .sponsor-image {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1em 1em;
}

.bottom-sponsor .sponsor-image img {
	display: block;
	max-width: 12.5em;
}

.ie8 .bottom-sponsor .sponsor-image, .ie8 .bottom-sponsor .sponsor-image img {
	display: inline;
}

.fat-footer,
.colophon-footer {
	padding: 2em;
	background: #f2f3e3;
}

.fat-footer {
	margin-top: 6em;
}

.fat-footer section {
	display: inline-block;
	vertical-align: top;
	width: 50%;
	padding: 0 1em;
}

.fat-footer h1,
.colophon-footer h1 {
	margin-bottom: 1em;
	font-size: 1.1616161616em;
	font-family: "GloberBold";
	text-transform: uppercase;
}

.fat-footer p,
.colophon-footer p,
.fat-footer ul,
.colophon-footer ul {
	margin-bottom: 1em;
	font-size: 1.1616161616em;
	line-height: 1.33333333333333em;
}

.fat-footer li,
.colophon-footer li {
	padding-left: 1.333333em;
	text-indent: -1.333333em;
}

.fat-footer li:before,
.colophon-footer li:before {
    content: '\2219';
    margin: 0 .5em;    /* any design */
}

.buttonish {
	display: inline-block;
	margin-right: .5em;
	padding: 4px 1em 0;
	border-radius: 5px;
	font-family: "GloberRegular";
	line-height: 2.3333em;
	color: #fff;
	background: #0078ad;
	transition: background 200ms ease-out;
}

.buttonish:hover {
	background: #085576;
	color: #fff;
}

.full-article p > .buttonish,
.basic-page p > .buttonish {
	font-size: .8em;
	margin-bottom: .6666666em;
}

.full-article p > .open-transcript,
.basic-page p > .open-transcript {
	margin-bottom: 3em;
}

.open-transcript.buttonish {
	margin-bottom: 2em;
	cursor: pointer;
}

.open-transcript.buttonish + section + nav {
	margin-top: 5em;
}

.colophon-footer {
	border-top: 1px solid #e3e6cc;
}

.colophon-footer .main-container {
	padding: 0 1em;
}

.main-sponsor {
	margin-bottom: 4em;
	font-size: .88888em;
}

.main-sponsor img {
	float: left;
	margin-top: -1em;
	margin-right: 2em;
}

.sponsor-thumbs {
	margin-bottom: 5em;	
}

.sponsor-thumbs li {
	display: inline-block;
	width: calc(33.3333334% - 18px);
	margin-right: 24px;
}

.sponsor-thumbs li:nth-child(3n) {
	margin-right: 0;
}

.sponsor-thumbs img {
	display: block;
	margin-bottom: 2em;
}

.sponsor-thumbs h2 {
	font-size: 1.222222em;
}

.sponsor-thumbs p {
	margin-bottom: 0;	
	font-size: 1.222222em;
}

.manual blockquote:before,
.manual blockquote:after,
.main-sponsor:before, 
.main-sponsor:after { 
	content: "\0020"; 
	display: block; 
	height: 0; 
	overflow: hidden; 
}  

.manual blockquote:after,
.main-sponsor:after {
	clear: both; 
}  

.manual blockquote,
.main-sponsor { 
	zoom: 1; 
}

.main-container.greetings .small {
	font-size: 1.16666666666667em;
	margin-bottom: 1em;
	text-align: center;
}

.main-container.greetings .lede {
	font-size: 2em; 
	text-align: center; 
	padding: 0 5.5em; 
	margin: 0 0 1em; 
	line-height: 1.25em;
}

.main-container.greetings .lede .buttonish {
	font-size: 0.58333333333333em;
}

.bottom-note {
	font-size: 1.16666666666667em;
	line-height: 1.33333333333333em;
	text-align: center;
	padding: 2em;
	margin: 2em 9.42857142857143em;
	border: 1px solid #ddd;
	border-radius: 1em;
}

.bottom-note.main-note {
	font-size: 1.5em;
	margin: 2em 7.33333333333333em;
}

.main-content .bottom-note {
	margin: 2em 0;
}

.bottom-note h2 {
	font-family: "GloberBold";
}

.bottom-note h2, 
.bottom-note p {
	margin-bottom: 1em;
}
		
.greetings-container {
	margin: 0 2em;
}

.greetings-list {
	display: block; 
	text-align: justify;
}

.greetings-list li {
	display: inline-block; 
	vertical-align: top; 
	width: 39em; 
	margin: 1em 0 2em; 
	text-align: center;
}

.greetings-list li iframe {
	margin: 0 auto !important;
}

.greetings-list blockquote {
	margin: 0 auto;
	font-size: 1em;
	padding: 2em 2em 1em;
	background: #fff;
	background: rgba(255,255,255,.9);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-color: rgb(238, 238, 238) rgb(221, 221, 221) rgb(187, 187, 187);
	border-width: 1px;
	border-style: solid;
	box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 3px;
	text-align: left;
}

.greetings-list li.highlighted {
	width: 100%;
	padding-bottom: 2em;
	border-bottom: 1px solid #e2e2e2;
}

.greetings-list li.highlighted blockquote {
	max-width: 60%;
	margin: 0 auto !important;
}

.comment-holder,
.comment-form {
	margin: 3em auto 5em;
	padding-top: 3em;
	border-top: 1px solid #e2e2e2;
}

.full-article .comment-holder li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 2em;
	position: relative;
}

.full-article .comment-holder li img {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
}

.comment-holder li p,
.comment-holder li h3,
.comment-holder li time {
	font-size: 1em;
	line-height: 1.33333333333333em;
	margin: 0 0 0 4em;
}

.comment-holder li time a {
	color: inherit;
}

.comment-holder li h3 {
	font-family: "GloberBold";
}

.comment-holder li time {
	font-size: .8em;
	font-family: "GloberBook";
	margin-left: 5em;
}

.basic-page form {
	width: 75%;	
}

form label {
	display: block;
	font-size: .9em;
}

form input,
form textarea {
	width: 45%;
	padding: .4em;
	font-family: monospace;
	color: #666;
	font-size: .9em;
	border: 1px solid #aaa;
	border-radius: 3px;
	box-shadow: inset 0 0 1px 2px rgba(100,100,100,.1);
}

.basic-page form input {
	width: 100%;
}

form textarea {
	width: 75%;
	min-height: 140px;
	transition: height 100ms ease-in-out;
}

button {
	border: 0;
}

.honeypot {
  display: block !important;
  left: -9999px !important;
  position: absolute !important;
}

/* Media queries
-------------------------------------------------------------------------------*/

@media screen and (max-width: 1085px) {

figure.featured-photo img {
	width: 100%;
}

.page-title .special {
	right: .5em;
}

blockquote.featured-quote:before {
	position: relative;
	top: .5em;
	left: 0;
	line-height: 0;
}

[data-flag] {
	padding: 0 1em 0;
}

[data-flag]::before {
	display: none;
}

.main-content,
.promo-container {
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	padding: 0 2em;
}

.main-content.full-article,
.main-content.basic-page,
.main-container.greetings {
	padding: 0 2em;
}

.promo-container {
	margin-top: 5em;
	padding: 5em 2em 0;
	border-top: 1px solid #e2e2e2;
	text-align: justify;
}

.promo-container article,
.promo-container aside {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	margin-left: 0;
	text-align: left;
}

.greetings-list li {
	width: auto;
}

.bottom-note, .bottom-note.main-note {
	margin-right: 0;
	margin-left: 0;
}

.fat-footer section {
	padding: 0 0 0 1em;
}

.fat-footer section:first-child {
	padding: 0 1em 0 0;
}

.colophon-footer .main-container {
	padding: 0;
}
		
}

@media screen and (max-width: 850px) {
	
.main-nav ul {
	font-size: 0.88888888888889em;
}
	
}

@media screen and (max-width: 930px) {

blockquote.featured-quote {
	font-size: 3em;
}

.wide-content,
.webby-banner {
	margin-right: 2em;
	margin-left: 2em;
}

.main-content > .summary-module.box-version {
	width: 48%;
	width: calc(49% - 2em);
	margin-top: 2em;
}

.all-projects {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.main-content > .summary-module.box-version:nth-child(3n) {
	margin-right: 2em;
}

.main-content > .summary-module.box-version:nth-child(2n) {
	margin-right: 0;
}

.control.close {
	top: -1.4em;
	left: 50%;
	margin-left: -1em;
}

.active .control.close {
	opacity: 1;
	margin-top: 0;
}

.control.next {
	left: auto;
	right: 50%;
	margin-right: -7em;
	top: auto;
	top: -2.4em;
	margin-top: 0;
}

.control.previous {
	left: 50%;
	margin-left: -7em;
	right: auto;
	top: auto;
	top: -2.4em;
	margin-top: 0;
}

}

@media screen and (max-width: 745px) {

body {
	margin-top: 4em;
	font-size: 10px;
}

.main-content > .summary-module.box-version {
	display: block;
	width: 90%;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-right: auto !important;
	margin-left: auto !important;
}

.featured-project .webby-intro {
	display: block;
	max-width: 90%;
}

.page-title .special {
	position: static;
	margin: .5em auto 1em;
	transform: translateY(0);
}

.card-panel {
	top: 24em;
	font-size: 9px;
}

.control.close {
	background-position: 4px center;
}

.moon,
.saturn,
.iss,
.spaceman {
	display: none;
}

.main-nav li a {
	padding: .2em 0.6em 0;
}

.promo-container {
}

.promo-container article,
.promo-container aside {
	display: block;
	width: 100%;
	margin-left: 0;
}

.page-title, .article-title {
	margin: 0.8333333em auto;
}

.article-title {
	padding: 0 1em;
	font-size: 2em;
}

figure.video-player {
	margin: 1em 0;
}

.main-container.greetings .lede {
	padding: 0;
}

.fat-footer section {
	width: 100%;
	margin-bottom: 2em;
	padding: 0;
}

}

@media screen and (max-width: 534px) {

body {
	margin-top: 3em;
}

.card-panel {
	width: 100%;
	margin: 0 0 0 -50%;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

.skip-to-nav {
	content: '';
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	display: block;
	height: 3em;
	width: 100%;
	padding: 0 2.5em;
	font-size: 1.2em;
	line-height: 2.75em;
	color: #fff;
	border-bottom: .5em solid #0078ad;
	border-color: rgba(0,120,173,.25);
	background: #363636;
	background-repeat: no-repeat;
	background-clip: padding-box;
	background-image: url(/assets/img/icon_hamburger.svg);
	background-position: 0.58333333333333em center;
}

.no-svg .skip-to-nav {
	background-image: url(/assets/img/icon_hamburger.png);
}

.skip-to-nav:before {
	content: "Show ";
}


.skip-to-nav:hover {
	color:#fff;
}

.show-nav .skip-to-nav {
	background-color: #222;
}

.show-nav .skip-to-nav:before {
	content: "Hide ";
}

.show-nav .skip-to-nav:after {
	content: "";
	position: absolute;
	width: 28px;
	height: 28px;
	top: 1px;
	left: 1px;
	z-index: -1;
	background:url(/assets/img/icon_hamburger.svg) no-repeat center #222;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.main-nav {
	height: auto;
	position: static;
	border-bottom: none;
}

.main-nav.deluxe {
	display: none;
	position: absolute;
	z-index: 10;
	top: 3em;
	left: 0;	
}

.show-nav .main-nav.deluxe {
	display: block;
}

.main-nav ul {
	font-size: 1em;
	text-align: left;
}

.main-nav.active ul {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 100%;
}

.main-nav li {
	display: block;
}

.main-nav.active ul li {
	display: block;
	background: #363636;
	line-height: 3em;
}

.main-nav li a {
	padding: .2em 1.5em 0;
}

.main-nav ul li.active:after {
	display: none;
}

.webby-banner {
	position: relative;
	margin-bottom: 3em;
	padding: .75em .666em;
	font-size: 2em;
	line-height: 1.25em;
	border: 1px solid #e5e5e5;
}

.webby-banner h1 {
	margin-bottom: .25em;
}

.webby-banner p {
	margin: 0 0 .5em;
	line-height: 1.4em;
}

.webby-banner h1,
.webby-banner p {
	width: 100%;
}

.webby-banner a.logo {
	position: static;
	float: right;
	transform: translateY(0);
	margin-top: 0;
}

.webby-banner:before, .webby-banner:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.webby-banner:after { clear: both; }  
.webby-banner { zoom: 1; } 

}

@media screen and (max-width: 450px) {

.full-globe {
	height: auto;
	min-height: 26em;
	transition: none;
}

.card-panel {
	position: relative;
	z-index: 1000;
	top: auto;
	left: auto;
	width: 100%;
	margin: 2em 0 4em;
	padding-left: 0;
	padding-right: 0;
	border-left: 0;
	border-right: 0;
	border-radius: 0;
}

.card-panel p {
	width: 100%;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 1em;
	border-top: 0;
}

.card-panel h3 {
	border-top: 0;
	border-bottom: 0;
}

.greetings-slider li {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 1.5em;
	border-bottom: 1px solid #e2e2e2;
}

.greetings-slider li:first-child {
	border-top: 1px solid #e2e2e2;
}

.greetings-slider li:nth-child(n+4) {
	display: none;
}

.greetings-slider li.active {
	background: #fff;
}

.greetings-slider li p a {
	display: inline;
	color: #0078ad;
}

.greetings-slider li .lead {
	display: block;
	padding-top: 0.5em;
}

.greetings-slider li b {
	font-size: 1.2em;
}

.greetings-slider li span {
	font-size: .9em;
}

.greetings-slider .content {
	margin-left: 74px;
}

.greetings-slider li .content p {
	margin: 1em 0;
	padding: 0;
	font-size: 1.2em;
}

.greetings-slider li img {
	margin-top: -.5em;
}

.dots {
	display: none;
}

.greetings-list li {
	display: block;
}

}

/* Print styles
-------------------------------------------------------------------------------*/
@media print {



}