html {
	display: relative;
	height: 100%;
	width: 100%;
}

body {
	background: #fff;
	display: table;
	width: 100%;
	height: 100%;
}

.page-top {
	display: table-row;
}

.page-bottom {
	display: table-row;
	height: 1px;
}

.page {
	box-sizing: border-box;
	width: 100%;
	max-width: 56em;
	margin: 0 auto;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

hr {
	border: none;
	border-top: 1px solid #ddd;
}

blockquote {
	background: #ddd;
}

	blockquote:first-child {
		margin-top: 0;
	}

.testimonial h4 {
	margin-top: 0;
	padding-top: 0;
}

.testimonial blockquote {
	margin-bottom: 0.5em;
	margin-top: 0.75em;
}

.testimonial p.quote {
	position: relative;
}

	.testimonial p.quote:before {
		content: "“";
		position: absolute;
		left: -0.5em;
		font-size: 1.25em;
		opacity: 0.5;
	}

	.testimonial p.quote:after {
		content: "”";
		position: absolute;
		font-size: 1.25em;
		opacity: 0.5;
	}

	.testimonial p.small {
		color: rgba(0, 0, 0, 0.5);
		line-height: 1.2;
		font-size: 0.7778em;
		text-align: right;
		margin-bottom: 0;
	}


.middot {
	margin: 0 0.25em;
}

h2:first-child {
	margin-top: 0;
	padding-top: 0;
}

section {
	margin-top: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
}

hr + section,
header + section,
section:first-child {
	margin-top: 0;
}

a {
	-webkit-transition: color 180ms ease;
	-moz-transition: color 180ms ease;
	transition: color 180ms ease;
	color: #3b79ae;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #bbb));
	background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 50%, #bbb 50%);
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 50%, #bbb 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #bbb));
	background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 50%, #bbb 50%);
	background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #bbb 50%);
	background-repeat: repeat-x;
	-webkit-background-size: 240px 2px;
	-moz-background-size: 240px 2px;
	-o-background-size: 240px 2px;
	background-size: 240px 2px;
	background-position: 0 1.0625em;
	text-shadow: 2px 1px 0px #fff,
				-2px 1px 0px #fff,
				2px 0px 0px #fff,
				-2px 0px 0px #fff,
				2px -1px 0px #fff,
				-2px -1px 0px #fff;
}

a:hover {
	color: #3e8ed3;
}

	.shade a {
		text-shadow: 2px 1px 0px #e3e3e3,
		-2px 1px 0px #e3e3e3,
		2px 0px 0px #e3e3e3,
		-2px 0px 0px #e3e3e3,
		2px -1px 0px #e3e3e3,
		-2px -1px 0px #e3e3e3;
	}
	
	.shade a:hover {
		color: #5785e6;
	}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	background: transparent;
	text-shadow: none;
}

.group {
	white-space: nowrap;
}

.row {
	margin-top: 0.75em;
}

.row:first-child {
	margin-top: 0;
}

.right {
	text-align: right;
}

.shade {
	background: #e3e3e3;
	padding: 2em 0;
}

.large.button {
	display: inline-block;
	text-shadow: none;
}

	.large.button:hover {
		color: #222;
	}

/* header */
header.primary {
	background: #fff;
	color: #222;
	padding: 1.5em 0 0;
	position: relative;
	z-index: 100;
}

header.primary a.logo {
	display: block;
	width: 12em;
	float: left;
	margin-top: 2.2em;
	margin-bottom: 1em;
	position: relative;
	z-index: 10;
	background: transparent;
	text-shadow: none;
	-webkit-transition: all 320ms ease;
	-moz-transition: all 320ms ease;
	transition: all 320ms ease;
}

a.logo .uxi-logo {
	width: 12em;
	height: 2.72em;
	display: block;
}

a.logo img {
	display: block;
	width: 100%;
}

header.primary .page {
	position: relative;
}

header.primary .compass {
	display: block;
	position: absolute;
	top: -5em;
	left: -7em;
	width: 10em;
	height: 19.9137931034483em;
	-webkit-transition: all 320ms ease;
	-moz-transition: all 320ms ease;
	transition: all 320ms ease;
}

header.primary .when-where {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: right;
	text-align: right;
	line-height: 1.35;
	font-size: 1em;
	font-weight: 600;
	letter-spacing: -0.5px;
	margin-top: 2.3125em;
	position: relative;
	z-index: 10;
	color: #293134;
}

.when-where small {
	display: block;
	padding-top: 0;
	margin-top: 0;
}

.when-where em {
	font-size: 0.825em;
	opacity: 0.6;
	display: inline-block;
	margin: 0 0.125em;
	font-style: normal;
}

.main-content {
	position: relative;
	background: rgba(255, 255, 255, 0.7);
	z-index: 100;
}


/* navigation */
nav.primary {
	background: #383838;
	clear: both;
	position: relative;
	z-index: 10;
}

nav.primary a {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.77777778em;
	font-weight: bold;
	letter-spacing: 1px;
	display: inline-block;
	padding: 0.5em 1em 0.35714285714286em;
	-webkit-transition: background 180ms ease;
	-moz-transition: background 180ms ease;
	transition: background 180ms ease;

	background: transparent;
	text-shadow: none;
}

nav.primary a:hover {
	background: #222;
	color: #fff;
}

nav.primary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

nav.primary li {
	float: left;
	margin: 0;
}

nav.primary li.first {
	margin-left: 0;
}

nav.primary li.register {
	float: right;
}

nav.primary li.register a,
.button.register {
	background: #3b79ae;
	color: #fff;
}

nav.primary li.register a:hover,
.button.register:hover {
	-webkit-transition: background 180ms ease;
	-moz-transition: background 180ms ease;
	transition: background 180ms ease;
	background: #3e8ed3;
}

nav.bottom {
	position: relative;
	z-index: 10000;
}

nav.bottom p {
	margin: 0;
	padding: 0.6em 1em;
	background: #474642;
	color: #fff;
}

nav.bottom a {
	background: transparent;
	text-shadow: none;
}

nav.bottom p a {
	float: right;
	color: #3b79ae;
}

	nav.bottom p a:hover {
		background: transparent;
	}

nav.bottom ul {
	list-style: none;
	padding: 0;
	overflow: hidden;
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
}

nav.bottom li {
	margin: 0;
	padding: 0;
}

nav.bottom ul a {
	display: block;
	background: #222;
	color: #fff;
	padding: 0.3125em 0 0.25em;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	box-sizing: border-box;
	width: 50%;
	float: left;
	text-align: center;
}

nav.bottom li:nth-child(2n-1) a {
	border-left: none;
}

nav.bottom li.register a {
	background: #3b79ae;
	color: #222;
	-webkit-transition: background 180ms ease;
	-moz-transition: background 180ms ease;
	transition: background 180ms ease;
	width: 100%;
}

nav.bottom a:hover {
	background: #333;
}

nav.bottom li.register a:hover {
	background: #3e8ed3;
}

.small-screen {
	display: none;
}


/* Text delimiter */
.text-delimiter {
	text-align: center;
	position: relative;
	overflow: hidden;
	margin: 1em 0 1.25em;
}

.text-delimiter span {
	display: inline-block;
	position: relative;
	padding: 0 1em;
}

.text-delimiter span:before,
.text-delimiter span:after {
	content: '';
	height: 0;
	width: 60em;
	border-top: 1px solid #ddd;
	position: absolute;
	top: 50%;
	left: 100%;
}

.text-delimiter span:before {
	right: 100%;
	left: auto;
}

.text-delimiter hr {
	display: none;
}


.hero {
	padding-bottom: 3em;
	padding-top: 1em;
	overflow: hidden;
	margin-top: 0;
}

.save-the-date.hero {
	padding-bottom: 1em;
}

.hero .touchpoints {
	font-size: 1.33333333333333em;
}

.hero .row {
	margin-top: 0;
}

.hero .action .dive-in {
	margin-top: 1.5em;
}

nav.workshops {
	margin-bottom: 1em;
}

.hero .large.button {
	display: inline;
}

.workshop {

}

.workshop h2 {
	padding-top: 0.5em;
	margin-bottom: 0.5em;
}

.workshop h3 {
	padding-top: 0;
	margin-bottom: 0;
}

.workshop h3 span {
	color: #777;
	font-style: italic;
}

.bio .small {
	margin-top: -0.5em;
	padding-top: 0;
	margin-bottom: 0.5em;
	color: #777;
}

.jared-says {font-style: italic;}

.bio .microbio {
	font-style: italic;
}

.bio .tiny-screen {
	display: none;
}

.workshop > .row {
	margin-top: 0.75em;
}

.workshops .intro .seven {
	font-size: 1.125em;
}

.workshops hr {
	border: none;
	border-top: 1px solid #ddd;
	margin: 1em 0 0;
	padding: 1em 0 0;
}

.workshop-link {
	font-size: 1.111111em;
}

input[type=button],
input[type=submit],
.button {
	-webkit-transition: background 180ms ease;
	-moz-transition: background 180ms ease;
	transition: background 180ms ease;
	background: #3b79ae;
	color: #fff;
	text-shadow: none;
}

input[type=button]:hover,
input[type=submit]:hover,
.button:hover {
	background: #3e8ed3;
	color: #fff;
}

.button.large {
	font-size: 1.5em;
	padding: 0.5em 1em;
}

.reg-form {
	margin-top: 1em;
}

.reg-form .field label {
	width: 8.22222222222222em;
	float: left;
	margin-top: 0.4em;
}

.reg-form .field div {
	box-sizing: border-box;
	margin-left: 8.33333333333333em;
	margin-bottom: 0.6em;
}

.reg-form .field.submit {
	text-align: right;
	margin-top: 0.6em;
}

.buyer-note {
	font-style: italic;
}

.note {
	border: 1px solid #ddd;
	background: #f3f3f3;
	padding: 0.5em 1.25em;
}

.note.full-size {
	margin-bottom: 1.75em;
}

.venue img {
	display: block;
	width: 100%;
}

.venue img.small-screen {
	display: none;
}

.venue .address {
	font-size: 1.111em;
}

.venue h3 {
	padding-top: 0;
}

.venue h3 small {
	font-size: 0.7em;
	line-height: 1.3;
	margin-bottom: 0;
}

.venue .photo-credit {
	font-size: 0.625em;
	text-align: right;
	margin-top: 0.5em;
	margin-bottom: -1em;
}

.success {
	color: #57a36e;
}

.error {
	color: #c00;
}

.promise {
	line-height: 1.2;
}

.featured-talks {
	background: #111 url('/assets/img/tuesday-bg.jpg') no-repeat scroll 50% 50%;
	background-size: cover;
	color: #fff;
	padding-top: 2em;
	padding-bottom: 2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.featured-talks a {
	color: #3b79ae;
	background-image: none;
	text-shadow: none;
}

.featured-talks a:hover {
	color: #3e8ed3;
}


.featured-talks .row {
	margin-top: 0;
}

.featured-talks .talks-summary {
	margin-top: 1.5em;
}

.featured-talks .column .row {
	padding-top: 0.3125em;
}

.featured-talks .row p:first-child {
	padding-top: 0;
}

.featured-talks h3 {
	margin-top: 0;
	padding-top: 0;
}

.featured-talks .people ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.featured-talks .people li {
	margin-top: 0;
}

.featured-talks .talks-overview {
	max-width: 36rem;
}

.inline-headshot {
	display: block;
	width: auto;
	height: 5.44444444444444em;
	float: left;
	margin: 4px 1em 0 0;
}

.workshop-options {
	line-height: 1.3;
}

.workshop-options ul,
.workshop-options .available-options p {
	border-left: 1px solid #ddd;
	padding: 0.5em 0 0.5em 4%;
	list-style: none;
}

.workshop-options .headshot {
	width: 96px;
	float: left;
}

.workshop-options li a > span {
	display: block;
	margin-top: 0.825em;
	margin-left: 112px;
}

.workshop-options li a > span span {
	color: #444;
}

.workshop-options li {
	overflow: hidden;
}

.day-of-week {
	width: 160px;
	float: left;
	padding-top: 0.125em;
}

.available-options {
	margin-left: 190px;
}

	.workshop-options a strong,
	.talk-header a,
	.available-options a strong {
		-webkit-transition: color 180ms ease;
		-moz-transition: color 180ms ease;
		transition: color 180ms ease;
		color: #3b79ae;
		background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #bbb));
		background-image: -moz-linear-gradient(rgba(0, 0, 0, 0) 50%, #bbb 50%);
		background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 50%, #bbb 50%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, #bbb));
		background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 50%, #bbb 50%);
		background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #bbb 50%);
		background-repeat: repeat-x;
		-webkit-background-size: 240px 2px;
		-moz-background-size: 240px 2px;
		-o-background-size: 240px 2px;
		background-size: 240px 2px;
		background-position: 0 1.0625em;
		text-shadow: 2px 1px 0px #f3f3f3,
					-2px 1px 0px #f3f3f3,
					2px 0px 0px #f3f3f3,
					-2px 0px 0px #f3f3f3,
					2px -1px 0px #f3f3f3,
					-2px -1px 0px #f3f3f3;
	}

	.workshop-options a:hover strong,
	.talk-header a:hover,
	.available-options a:hover strong {
		color: #3e8ed3;
	}

.venue h3 {
	line-height: 1.2;
}

.venue small {
	display: block;
	margin-top: 0;
	padding-top: 0;
}

.amazon-echo {
	padding: 2em 0;
	margin: 0;
}

.echo-highlight {
	margin-bottom: -3em;
}

.echo-highlight a {
	display: block;
	color: #333;
	line-height: 1.3;
	margin-bottom: -3em;
	padding-bottom: 3em;
	padding-left: 6em;
	position: relative;
}

.echo-highlight a strong {
	display: block;
	font-size: 1.55555555555556em;
	margin-top: 0.5em;
	font-weight: 600;
	color: #3b79ae;
	line-height: 1.1;
	margin-bottom: 0.25em;
}

.echo-highlight img {
	width: 5em;
	display: block;
	top: 0;
	left: 0;
	position: absolute;
}

.amazon-echo {
	overflow: hidden;
}

.amazon-echo .five {
	position: relative;
}

.amazon-echo .five img {
	position: absolute;
	display: block;
	width: 100%;
	max-width: 17.333em;
	top: 0;
	right: 0;
}

.amazon-echo img.small-screen {
	display: none;
}

.blog {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}

.blog article {
	margin-top: 1.5em;
	padding-top: 1.5em;
	border-top: 1px solid #ddd;
}

.blog article:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

.blog blockquote > p {
	font-size: 1em;
}

.blog p > img {
	display: block;
	width: 100%;
}

.transcript > div {
	overflow: hidden;
	position: relative;
	cursor: default;
}

.transcript > div:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(243,243,243,0) 0%, rgba(243,243,243,0) 40%, rgba(243,243,243,1) 96%, rgba(243,243,243,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(243,243,243,0) 0%,rgba(243,243,243,0) 40%,rgba(243,243,243,1) 96%,rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(243,243,243,0) 0%,rgba(243,243,243,0) 40%,rgba(243,243,243,1) 96%,rgba(243,243,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	visibility: hidden;
	opacity: 0;
	transition: all 160ms ease;
}

.transcript > div:after {
	content: 'Show Full Transcript';
	position: absolute;
	display: inline-block;
	background: rgba(128, 128, 128, 0.85);
	padding: 0.5em 0.8em;
	top: 60%;
	width: 212px;
	text-align: center;
	left: 50%;
	margin-left: -106px;
	border-radius: 0.25em;
	color: #fff;
	visibility: hidden;
	opacity: 0;
	transition: all 160ms ease;
}

.transcript > div.hidden {
	cursor: pointer;
}

.transcript > div.hidden:hover:after {
	visibility: visible;
	opacity: 1;
}

.transcript > div.hidden:before {
	visibility: visible;
	opacity: 1;
}

.permalink {
	font-style: italic;
	margin-bottom: 0 !important;
}

.soundcloud iframe {
	margin: 0;
}

.information {
	background: #fff;
	padding: 0.5em 1em !important;
	float: right;
	margin: 0.75em 0 0.25em 1.5em !important;
	width: 50%;
	max-width: 16.5em;
	min-width: 146px;
}

.information .adapted {
	display: block;
	margin-top: 1.5em;
}

.promise {
	line-height: 1.2;
	margin-right: 136px;
	padding-top: 0.125em;
}

.field.submit {
	float: right;
}

table.pricing {
	width: 100%;
	border-collapse: collapse;
	border-bottom: 1px solid #ddd;
}

table.pricing th {
	text-align: center;
	padding: 4px 12px 8px;
	font-size: 0.88888888888889em;
	font-weight: 600;
	border-bottom: 1px solid #ddd;
	vertical-align: bottom;
	line-height: 1.2;
}

table.pricing td {
	padding: 4px 12px;
	text-align: center;
	white-space: nowrap;
}

table.pricing th.dates,
table.pricing td.dates {
	text-align: left;
}

table.pricing td span {
	font-size: 0.77777777777778em;
	opacity: 0.4;
}

table.pricing tbody tr:nth-child(2n-1) {
	background: #f3f3f3;
}

table.pricing tr.now td {
	font-weight: bold;
	background: #fbe2ae;
	font-size: 1.11111111111111em;
}

table.pricing.summary th,
table.pricing.summary td {
	text-align: left;
	white-space: normal;
	vertical-align: top;
	line-height: 1.25;
}

.workshop-detail {
	padding: 1em 0;
}

.workshop-detail h1 {
	margin-bottom: 0.25em;
}

.workshop-detail .time {
	font-size: 1.25em;
	margin-top: 0;
	padding-top: 0;
}

.workshop-detail section {
	margin: 0;
}

.workshop-detail .workshop-head {
	padding-top: 0;
}

.workshop-detail .deeper-dive {
	padding: 1em 0;
	margin: 1em 0;
}

.workshop-detail img {
	display: block;
	width: 80%;
}

.workshop-detail h3 {
	line-height: 1.25;
}

.workshop-detail .goals h3 {
	border-bottom: 2px solid #bbb;
	font-size: 1.25em;
	padding-bottom: 0.3125em;
	padding-top: 0.25em;
}

.workshop-detail .goals h4 {
	padding-top: 0.125em;
}

.workshop-detail .deeper-dive .row {
	margin-top: 0;
}

.workshop-detail .deeper-dive h3 {
	padding-top: 0.5em;
}

.workshop-detail .leave-with section {
	margin-top: 0;
}

.workshop-detail .leave-with h3 {
	padding-top: 0;
}

.workshop-detail .nickname {
	display: block;
	font-size: 0.75em;
}

.workshop-detail .be-ready {
	padding-top: 1.5em;
	padding-bottom: 0.75em;
}

.sub-footer {
	font-size: 1.1666667em;
	text-align: center;
	padding: 1.5em 0 2em;
}

.sub-footer hr {
	border: none;
	border-top: 1px solid #ddd;
	padding-top: 1em;
	margin-top: 0;
}

.sub-footer a {
	font-weight: bold;
}

.sub-footer span {
	display: block;
}

.agenda {
	padding: 1em 0;
}

.agenda dl {
	margin: 0;
}

.agenda dt {
	float: left;
	width: 8.33333333333333em;
	font-weight: 600;
	margin: 0.6em 0 0;
	padding-top: 0.5em;
	clear: left;
}

.agenda dd {
	margin: 0.6em 0 0 9.55555555555556em;
}

.agenda p {
	padding: 0.25em 0 0;
	margin: 1em 0 0;
}

.agenda p:first-child {
	margin-top: 0;
	padding-top: 0.5em;
}

.agenda h3 + p {
	margin-top: 0;
	padding-top: 0;
}

.agenda h3 {
	margin: 0;
	padding: 0;
}

.agenda .workshop-options ul {
	border-left: 0;
	padding-left: 0;
	margin-top: 1em;
}

.agenda .featured-talk {
	overflow: hidden;
}

	.agenda .talk-header {
		overflow: hidden;
	}

	.agenda .featured-talk .headshot {
		width: 94px;
		float: left;
	}

	.agenda .featured-talk-title {
		margin-left: 110px;
	}

	.agenda .featured-talk-title h4 {
		margin-bottom: 0;
		padding-top: 0;
		line-height: 1.2;
	}

	.agenda .single-line {
		margin-top: 0;
		padding-top: 0;
		font-size: 0.8888889rem;
	}

	.agenda .keynote-item {
		background: #fff;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

		.agenda .keynote-item a {
			text-shadow: 2px 1px 0px #fff,
						-2px 1px 0px #fff,
						2px 0px 0px #fff,
						-2px 0px 0px #fff,
						2px -1px 0px #fff,
						-2px -1px 0px #fff;
		}

		.agenda .keynote-item:before {
			top: 1.2em;
			z-index: 100;
		}

		.agenda .keynote-item:after {
			content: '';
			border-left: 2px solid #d5d5d5;
			height: 100%;
			width: 0;
			left: 1em;
			top: 0;
			position: absolute;
			z-index: 10;
			display: block;
		}

.group {
	white-space: nowrap;
}

.talks {
	padding: 1em 0;
}

.talk-set {
	margin-top: 1.5em;
}

.talks p + ul {
	margin-top: -1em;
}

.talk-set .headshot {
	width: 150px;
	float: right;
	margin: 0.75em 0 0.5em 1em;
}

	.talk-set.keynote .headshot {
		width: 100%;
		float: none;
		margin: 0;
	}

	.talk-set.keynote .small-screen-headshot {
		display: none;
		width: 150px;
		float: right;
		margin: 0.75em 0 0.5em 1em;
	}

	.talk-set.keynote .large-screen-headshot {
		display: block;
	}
	
	.talk-set .headshot img {
		display: block;
		width: 100%;
	}

	.talk-set h2 {
		text-align: center;
		font-size: 1.3125rem;
		overflow: hidden;
	}

		.talk-set h2 span {
			position: relative;
			background: #f3f3f3;
		}

			.talk-set h2 span:before,
			.talk-set h2 span:after {
				content: '';
				display: block;
				width: 100rem;
				height: 0;
				position: absolute;
				top: 50%;
				right: calc(100% + 1rem);
				border-top: 1px solid #ccc;
			}

			.talk-set h2 span:after {
				right: auto;
				left: calc(100% + 1rem);
			}

	.talk-set h3 {
		line-height: 1.2;
		margin-bottom: 0;
	}

	.talk-set.keynote h3 {
		padding-top: 0.25em;
	}

	.talk-set .speaker-name {
		font-weight: bold;
	}

	.talk-set .type {
		background: #ddd;
		padding: 0.25em 0.4em;
		margin: 0 0 1em;
		overflow: hidden;
		display: table;
		width: 100%;
		box-sizing: border-box;
	}

		.talk-set .type-image {
			display: table-cell;
			width: 48px;
			vertical-align: middle;
		}

		.talk-set .type-description {
			display: table-cell;
			vertical-align: middle;
			padding: 6px 0 6px 12px;
			font-size: 0.88889rem;
			line-height: 1.2;
		}

		.talk-set .type p {
			padding: 0;
			margin: 0;
		}

		.talk-set .type img {
			display: block;
			width: 100%;
		}


/*other workshops of the same day*/
.workshop-detail .available-options {
	margin: 0.75em 0 0;
}
.workshop-detail .available-options .headshot {
	max-width: 4em;
	display: block;
	float: left;
}
.workshop-detail .available-options .other-titles {
	margin-left: 4.75em;
	display: block;
}

/*materials page*/
.talks-materials {
	padding-bottom: 1.5em;
}
.materials {
	padding-bottom: 1.5em;
}
.talks-materials.column:nth-child(3n+1) {
	margin: 0;
}

.talks-list {
	list-style: none;
	padding: 0;
}

.talks-list li:first-child {
	margin: 0;
}

.headshots {
	line-height: 1.2;
	text-align: center;
	font-size: 0.888889em;
}

	.headshots img {
		display: block;
		width: 100%;
		margin-bottom: 0.5em;
	}
	
	.headshots blockquote {
		text-align: left;
	}
	
.timeline-day {
	position: relative;
	margin-bottom: 1.6em;
}

.timeline-day:before {
	content: '';
	border-left: 2px solid #d5d5d5;
	height: 100%;
	width: 0;
	left: 1em;
	top: 0;
	position: absolute;
	z-index: 10;
	display: block;
}

.timeline-day h2 {
	font-size: 1.3125em;
	background-color: #ddd;
	padding: 0.5em 0.75em;
	position: relative;
	z-index: 100;
	font-weight: 600;
	border-bottom: none !important;
}

.timeline-item {
	padding-left: 2em;
	padding-bottom: 0.5em;
	margin: 1em 0 0;
	position: relative;
	z-index: 100;
}

.timeline-item h3 {
	line-height: 1.1;
	margin-bottom: 0;
}

.timeline-item.minor {
	line-height: 1;
}

.timeline-item.minor h3 {
	font-size: 1.125em;
}

.timeline-item:before {
	content: '';
	width: 6px;
	height: 6px;
	display: block;
	left: 0.8em;
	top: 0.2em;
	background: #fff;
	border: 2px solid #bbb;
	border-radius: 50%;
	position: absolute;
}

.timeline-item.info:before {
	display: none;
}

.timeline-item p {
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 1.5;
	max-width: 600px;
	margin-top: 1em;
}

	.timeline-item p:first-child {
		margin-top: 0;
		padding-top: 0;
	}
	
.timeline-item h3 + p {
	margin-top: 0.25em;
}

.timing {
	font-weight: 600;
	color: #666;
	display: block;
	margin: 0 0 0.25em;
	padding: 0;
	line-height: 1.2;
}
	

/* about 1200px */
@media screen and (max-width: 75em) {
	header.primary .compass {
		transform: rotate(-30deg);
		top: -3em;
		left: -4em;
	}

	header.primary a.logo {
		margin-left: 1em;
	}
}

/* about 1040px */
@media screen and (max-width: 65em) {
	header.primary .compass {
		left: -1.5em;
	}

	header.primary a.logo {
		margin-left: 3.5em;
	}
}

/* about 960px */
@media screen and (max-width: 60em) {
	.workshop-options li a > span {
	}
}

/* about 860px */
@media screen and (max-width: 54em) {
	.action form .column {
		width: auto;
		float: none;
		margin: 0.75em 0 0;
	}

	.action form .column:first-child {
		margin-top: 0;
	}
}

/* about 816px */
@media screen and (max-width: 51em) {
	.large.button {
		font-size: 1.2em;
	}

	.hero .echo-highlight a p {
		font-size: 0.833333em;
	}
}

/* about 800px */
@media screen and (max-width: 50em) {
	.overview .page-top .column {
		width: auto;
		margin: 1em 0 0;
		float: none;
	}

	.overview .page-top .column:first-child {
		margin-top: 0;
	}

	.actions .column {
		width: auto;
		overflow: hidden;
		margin: 1em 0 0;
		clear: both;
	}
}

/* about 760px */
@media screen and (max-width: 47.5em) {
	nav.primary .large-screen {
		display: none;
	}

	nav.small-screen,
	.small-screen {
		display: block;
	}

	.gear,
	.gear2 {
		display: none;
	}
}

/* about 700px */
@media screen and (max-width: 43.75em) {
	.six.column.other-workshop {
		padding-left: 0;
	}

	.actions .column:first-child {
		margin-top: 0;
	}
}

/* about 680px */
@media screen and (max-width: 42.5em) {
	.amazon-echo,
	.featured-talks,
	.workshops,
	.venue,
	.action {
		padding: 1em 0;
		margin: 0;
	}

	.amazon-echo .five {
		display: none;
	}

	.workshops .intro .column,
	.amazon-echo .column {
		width: auto;
		float: none;
		margin: 0;
	}

	.amazon-echo img.small-screen {
		display: block;
		width: 25%;
		max-width: 200px;
		float: right;
		margin-left: 1em;
	}

	.workshop-detail .deeper-dive .column {
		margin: 1em 0 0;
		float: none;
		width: auto;
	}

	.workshop-detail .deeper-dive .column:first-child {
		margin-top: 0;
	}

	.what-you-get .column,
	.important-info .column {
		width: auto;
		float: none;
		margin: 0;
	}

	.what-you-get .column:first-child {
		margin-bottom: -0.75em;
	}

	.important-info h3 {
		padding-top: 0.25em;
	}

	.important-info .row {
		margin-top: 0;
	}

	.agenda .talk-details .column {
		width: auto;
		margin: 1em 0 0;
		float: none;
	}

	.agenda	.talk-details .column:first-child {
		margin-top: 0;
	}

	.talk-set .column {
		width: auto !important;
		float: none;
		margin: 1.5em 0 0;
	}

		.talk-set .column:first-child {
			margin-top: 0;
		}

	.talk-set.keynote .small-screen-headshot {
		display: block;
	}

	.talk-set.keynote .large-screen-headshot {
		display: none;
	}
}

/* about 640px */
@media screen and (max-width: 40em) {
	h1 {
		font-size: 2em;
	}

	h2 {
		font-size: 1.6em;
	}

	h3 {
		font-size: 1.4em;
	}

	.page {
		padding-left: 1em;
		padding-right: 1em;
	}

	.featured-talks .column,
	.blog .column {
		width: auto;
		float: none;
		margin: 1.5em 0 0;
	}

	.featured-talks .column:first-child,
	.blog .column:first-child {
		margin-top: 0;
	}

	.hero .column {
		float: none;
		margin: 0;
		width: auto;
	}

	.get-updates .column {
		float: none;
		margin: 1.5em 0 0;
		width: auto;
	}

		.get-updates .column:first-child {
			margin-top: 0;
		}

	.hero .echo-highlight a {
		box-sizing: border-box;
		display: block;
		margin: 2.5em auto -5.5em;
		max-width: 420px;
	}

	.hero .echo-highlight a p {
		font-size: 1.125rem;
	}

	.hero .dive-in {
		text-align: center;
	}

	.day-of-week {
		width: 136px;
	}

	.available-options {
		margin-left: 156px;
	}

	.action {
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.action .column,
	.venue > .page > .row > .column,
	article.workshop > .row > .column {
		width: auto;
		float: none;
		margin: 0;
	}

	.action .updates {
		margin-top: 1.75em;
	}

	.venue .column {
		margin-top: 1.125em;
	}

	.venue .phone-numbers .column,
	.venue .column:first-child {
		margin-top: 0;
	}

	.venue .large-screen {
		display: none;
	}

	.venue img.small-screen {
		display: block;
	}

	.action .column:first-child {
		margin-bottom: 1em;
		width: 100%;
	}

	.workshop-head .column {
		float: none;
		width: auto;
		margin: 0;
	}

	.workshop-head .four.column {
		float: left;
		max-width: 240px;
		width: 28%;
		margin: 0 1em 0.5em 0;
	}

	.workshop-head .speaker {
		margin: 0;
	}

	header.primary a.logo {
		margin-left: 4em;
	}
}

/* about 600px */
@media screen and (max-width: 37.5em) {
	.hero .touchpoints {
		font-size: 1.125em;
	}

	.goals .column {
		width: auto;
		float: none;
		margin: 1em 0 0;
	}

	.goals .column:first-child {
		margin-top: 0;
	}

	.agenda dt {
		float: none;
	}

	.agenda dd {
		margin-left: 2em;
		margin-top: 0;
	}

	.agenda p:first-child {
		padding-top: 0;
	}

	.sub-footer hr {
		margin-top: -1em;
	}

	.workshop-detail .bio .column {
		width: auto;
		float: none;
		margin: 0;
	}

	.workshop-detail .bio .three {
		width: 32%;
		float: right;
		margin: 0.25em 0 0 1em;
	}

	.workshop-detail .bio .speaker {
		margin: 0;
	}

	.agenda .featured-talk {
		margin-top: 0.25em;
	}

	.agenda .featured-talk .column {
		width: auto !important;
		margin: 1.5em 0 0;
		float: none;
	}

		.agenda .featured-talk .column:first-child {
			margin-top: 0;
		}
}

/* about 520px */
@media screen and (max-width: 32.5em) {
	header.primary a.logo {
		display: block;
		margin: 1em auto 0.75em;
		float: none;
	}

	header.primary .when-where {
		float: none;
		text-align: center;
		width: auto;
		margin: 0.6em auto 0;
		padding: 0.5em 0;
		background: rgba(255, 255, 255, 0.7);
	}

		header.primary .when-where br {
			display: none;
		}

		header.primary .when-where .where {
			margin-left: 1em;
		}

	header.primary .compass {
		transform: rotate(-30deg);
		width: 10em;
		height: 19.9137931034483em;
		top: -5.7em;
		left: 50%;
		margin-left: -12.3em;
	}
}

/* about 480px */
@media screen and (max-width: 30em) {
	.day-of-week {
		float: none;
		width: auto;
		text-align: left;
	}

	.day-of-week p {
		margin-bottom: 0.5em;
	}

	.available-options {
		float: none;
		margin-left: 0;
	}

	.available-options ul {
		border-left: 0;
		padding-left: 0;
		margin-bottom: 0.25em;
	}

	.agenda dt:first-child {
		margin-top: 0;
		padding-top: 0.5em;
	}

	.agenda section {
		padding-top: 1.25em;
		margin-top: 0;
	}

		.agenda .featured-talk .headshot {
			width: 64px;
		}

		.agenda .featured-talk .featured-talk-title {
			margin-left: 80px;
		}
		
		.agenda .timeline-item {
			padding-left: 1.5em;
		}

		.agenda .timeline-day:before,
		.agenda .keynote-item:after {
			left: 0.5em;
		}

		.agenda .timeline-item:before {
			left: 0.3em;
		}

	.pricing-holder {
		margin-left: -1em;
		margin-right: -1em;
	}

	table.pricing th,
	table.pricing td {
		padding-left: 8px;
		padding-right: 8px;
	}

	table.pricing td.dates,
	table.pricing th.dates {
		padding-left: 18px;
	}

	table.pricing tr.now td {
		font-size: 1em;
	}

	.talk-set .headshot {
		width: 33%;
	}
}

/* about 460px */
@media screen and (max-width: 28.75em) {
	html {
		font-size: 1em;
	}

	h1 {
		font-size: 1.6em;
	}

	h2 {
		font-size: 1.45em;
	}

	h3 {
		font-size: 1.25em;
	}


	.hero .echo-highlight img {
		width: 3em;
	}

	.hero .echo-highlight a {
		padding-left: 4em;
		max-width: 280px;
	}

	.hero .echo-highlight a strong {
		font-size: 1.5em;
	}

	.hero .echo-highlight a p {
		font-size: 0.888889em;
	}

	.agenda dd {
		margin-left: 0;
	}

	.reg-form .field label {
		width: 6.66666666666667em;
	}

	.reg-form .field div {
		margin-left: 7em;
		margin-bottom: 0.6em;
	}

	header.primary {
		padding-top: 0.75em;
	}
}

/* about 400px */
@media screen and (max-width: 25em) {
	.workshop-options .headshot {
		width: 72px;
	}

	.workshop-options li a > span {
		margin-left: 88px;
		margin-top: 0em;
	}

	.workshop .bio > .eight.column {
		width: auto;
		float: none;
	}

	.workshop .bio > .four.column {
		display: none;
	}

	.workshop .tiny-screen {
		display: block;
		width: 96px;
		float: right;
		margin: 0 0 0 1em;
	}

	.workshops .text-delimiter {
		text-align: left;
		font-size: 1.125em;
	}

	.workshops .text-delimiter span {
		padding: 0;
	}

	.workshops .text-delimiter span:before,
	.workshops .text-delimiter span:after {
		display: none;
	}

	.workshops .text-delimiter span:after {
		display: inline;
		border: none;
		position: static;
		content: '.';
	}

	.sub-footer span {
		display: inline;
	}

	.reg-form .field label {
		width: auto;
		display: inline-block;
		margin-bottom: 0.5em;
	}

	.reg-form .field div {
		margin-left: 0;
		clear: left;
	}

	.talk-set h2 {
		text-align: left;
	}

		.talk-set h2 span:before,
		.talk-set h2 span:after {
			display: none;
		}
}

.actions {
	width: 100%;
}

/* -------------------------------------------------------------------------- */

.form-row .input-submit .button {
	float: right;
	margin-top: -3.4em;
}

.form-row .input-submit .promise {
	font-size: 0.77777777777778em;
}

/*@media screen and (max-width: 43.75em) {
	.column {
		width: auto !important;
		float: none;
		margin: 1.5em 0 0;
	}

	.column:first-child {
		margin-top: 0;
	}
	
	.headshots .column {
		width: 30.666667% !important;
		float: left;
		margin: 0 0 0 4%;
	}
	
		.headshots .column:first-child {
			margin-left: 0;
		}
}
*/