body {
	background-color: #292c36;
	color: white;
	min-width: 288px
}

body:before {
	background-color: #292c36;
	background-image: url("/wwdc/images/wwdc16-bg-color.png");
	-webkit-filter: grayscale(8%) hue-rotate(0deg) opacity(99%);
	position:fixed;
	content:'';
	display:block;
	top:0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -99px;
}

.main {
	width: 100%;
}

@media screen and (min-width: 1023px) {
	.grid {padding: 0;}
}

@media screen and (max-width: 767px) {
	.grid, .col-50, .col-100 { max-width: 400px; margin-left:auto; margin-right:auto; }
}

/* TYPOGRAPHY OVERRIDES */

a:not([href]), a:visited, a:link, a:active { color: #00aba5; font-weight: 400; }
a:not([href]):hover, a:hover { color: #8485ce; }
p, li, .intro a { font-weight: 300; }

@media all and (max-width: 767px) { p, li {font-size: 16px;} }


main h1, main h2, main h3, main h4, main h5, main h6, .header-content h1, .header-content h2, .header-content h3, .header-content h4, .header-content h5, .header-content h6, .code-font {
	/*font-family: "Menlo", "Courier", sans-serif;*/
	font-size: 24px;
	font-weight: 400;
	line-height: 1.4;
	/*margin-bottom:0.5em;
	margin-top:0;*/
}


.col-line-length { max-width: 650px; float:none;}
@media screen and (max-width: 767px) { .col-line-length { max-width: 400px; margin-left:auto; margin-right:auto;} }


/* BUTTON OVERRIDES */

input[type="submit"],
a.button-blue,
a.button-3d-blue {
	color: white;
	text-decoration: none;
	border: 1px solid #22ABA4;
	background: #22ABA4;
	background-image: -webkit-linear-gradient(top, #2AD4CB 0%, #1A827D 100%);
	background-image: linear-gradient(to bottom, #2AD4CB 0%, #1A827D 100%);
	text-shadow: 0 1px 1px rgba(28, 115, 184, 0.64);
}

input[type="submit"]:hover,
.button-blue:hover,
.button-3d-blue:hover {
	border: 1px solid #22ABA4;
	background: #1F9C95;
	background-image: -webkit-linear-gradient(top, #2AD4CB 0%, #1F9C95 100%);
	background-image: linear-gradient(to bottom, #2AD4CB 0%, #1F9C95 100%);
	text-shadow: 0 1px 1px rgba(28, 115, 184, 0.64);
}

/* LOGO OVERRIDES */

.wwdc-logo {
	display:inline-block;
	width: 166px;
	height: 27px;
	position:relative;
	top:7px;
	background-image: url("/wwdc/images/wwdc16-logo.png");
	background-repeat: no-repeat;
	background-size: 166px 27px;
}

@media all and (max-width: 767px) {
	.wwdc-logo {
		width: 140px;
		height: 23px;
		top: 3px;
		background-size: 140px 23px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.wwdc-logo { background-image: url("/wwdc/images/wwdc16-logo_2x.png");}
}

/* NAVIGATION OVERRIDES */

.sticky { background: #292c36; background: rgba(41,44,54,0.9); border-color: #3A3E4F; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.subnav ul li a { color: white; text-decoration: none;}
.subnav ul li a:hover { color: #00aba5;}
.subnav .sub-title h1 {
	font-size: 28px;
	line-height: 1.85714;
	font-weight: 300;
	letter-spacing: normal;
	cursor: default;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	height: 52px;
	white-space: nowrap;
}


@media all and (max-width: 767px) {
	.subnav ul { margin: 0 auto; padding-left: 16px; padding-right: 16px; -webkit-transition: padding 0.3s ease, max-height 0.3s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		-moz-transition: padding 0.3s ease, max-height 0.3s ease;
		-o-transition: padding 0.3s ease, max-height 0.3s ease;
		transition: padding 0.3s ease, max-height 0.3s ease; overflow:hidden;}
	.subnav.enhance ul { border-top:none; padding-top:1em; padding-bottom: 2em; }
	.subnav ul {border-color: #3A3E4F; background: rgba(41,44,54,0.9); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
	.subnav.enhance ul, .footer-breadory .breadcrumbs { border-color: #3A3E4F;}
	.subnav.enhance ul {max-height: 1000%;height: auto;}
	.subnav ul li {display: block;border-bottom:1px solid rgba(255,255,255,0.1);margin: 0 auto;max-width:400px; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; opacity: 1;}
	.subnav ul li:last-of-type {border-bottom: none;}
	.subnav ul li a:not(.button-blue) {display:block;padding: 0.75em 0;}
	#register .nav-register { font-size: 16px; }
	.subnav .sub-title h1:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	right: 0.55em;
	width: 36px;
	height: 36px;
	cursor:pointer;
	background-repeat: no-repeat;
	-webkit-transition: -webkit-transform 0.4s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-moz-transition: -moz-transform 0.4s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	-o-transition: -o-transform 0.4s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 0.4s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNmZmZmZmYiIHBvaW50cz0iMTAuMSwxNC42IDExLjIsMTMuNCAxOCwyMC4yIDI0LjgsMTMuNCAyNS45LDE0LjYgMTgsMjIuNiAiLz4NCjwvc3ZnPg==");}
}

#about .nav-about,
#scholarships .nav-scholarships,
#schedule .nav-schedule,
#events .nav-events,
#attending .nav-attending,
#consultations .nav-consultations,
#community .nav-community,
#live .nav-live,
#register .nav-register {
	color: #8485ce; border:none; background:transparent; text-shadow:none; cursor: default; pointer-events: none; }


/* UI STYLES */

.color-orange { color: #d28e5d;}
.color-red { color: #dc3c3c;}
.color-fusia { color: #b73999;}
.color-purple { color: #8485ce;}
.color-forest-green { color: #64878f;}
.color-mint-green { color: #95c76f;}
.color-green { color: #52bd58;}
.color-blue-green { color: #00aba5;}
.color-blue { color: #4670d8;}

.bg-dark { background-color: #20222B; }
.divider, .divider-top, .divider-bottom, .divider-left, .divider-right, .footer-sosumi > p > a, .footer-sosumi > ul > a, .footer-sosumi > ul > li > a, .footer-links > li > a, .footer-breadory .breadcrumbs-home {border-color: #3A3E4F;}
.divider { margin-top: 3em; margin-bottom: 3em; }

.bg-dark span.more:after, .bg-dark a.more:after, .bg-dark a.arrow-right:after, span.more:after, a.more:after, a.arrow-right:after {background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiMwMGFiYTUiIHBvaW50cz0iMTQuNjE1LDI1LjkzNCAxMy40NDksMjQuNzY3IDIwLjIxNywxNy45OTkgMTMuNDQ5LDExLjIzMyAxNC42MTUsMTAuMDY2IDIyLjU1MSwxNy45OTkgIi8+DQo8L3N2Zz4NCg==");}
.bg-dark span.more:hover:after, .bg-dark a.more:hover:after, .bg-dark a.arrow-right:hover:after, span.more:hover:after, a.more:hover:after, a.arrow-right:hover:after {background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM4NDg1Y2UiIHBvaW50cz0iMTQuNjE1LDI1LjkzNCAxMy40NDksMjQuNzY3IDIwLjIxNywxNy45OTkgMTMuNDQ5LDExLjIzMyAxNC42MTUsMTAuMDY2IDIyLjU1MSwxNy45OTkgIi8+DQo8L3N2Zz4=");}

.violator-alt {
	color: #d28e5d;
	border-color: #d28e5d;
}

@media all and (max-width: 767px) { .divider-left, .divider-right { border-left:none; border-right:none; } }


/* FOOTER OVERRIDES */

#globalfooter {color: #ccc;}
#globalfooter a:hover {color:white;}
#globalfooter .footer-breadory {border-color: #3A3E4F;}
#globalfooter .breadcrumbs-home {background-color:transparent;}
.footer-breadory .breadcrumbs-home:hover {background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjhweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIyMiA2IDY4IDE0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDIyIDYgNjggMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMi4xLDE0LjhjMCwwLTAuMiwwLjktMC44LDEuN2MtMC41LDAuNy0xLDEuNC0xLjgsMS41Yy0wLjgsMC0xLTAuNS0yLTAuNWMtMC45LDAtMS4yLDAuNS0xLjksMC41DQoJYy0wLjgsMC0xLjQtMC44LTEuOS0xLjVjLTEtMS41LTEuOC00LjItMC43LTZDMjMuNSw5LjYsMjQuNCw5LDI1LjQsOWMwLjgsMCwxLjUsMC41LDIsMC41YzAuNSwwLDEuMy0wLjYsMi4zLTAuNQ0KCWMwLjQsMCwxLjUsMC4yLDIuMiwxLjJjLTAuMSwwLTEuMywwLjgtMS4zLDIuM0MzMC41LDE0LjIsMzIuMSwxNC44LDMyLjEsMTQuOHoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOSw4YzAuNC0wLjUsMC43LTEuMiwwLjYtMS45Yy0wLjYsMC0xLjMsMC40LTEuNywwLjljLTAuNCwwLjQtMC43LDEuMi0wLjYsMS44QzI3LjksOC45LDI4LjYsOC41LDI5LDh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDUuOSwxMy4zYzAsMS40LTAuNCwyLjUtMS4zLDMuM2MtMC44LDAuNy0xLjksMS0zLjQsMWMtMC43LDAtMS40LDAtMS45LTAuMVY5LjZjMC43LTAuMSwxLjQtMC4yLDIuMi0wLjINCgljMS40LDAsMi41LDAuMywzLjIsMC45QzQ1LjUsMTEsNDUuOSwxMiw0NS45LDEzLjN6IE00NC42LDEzLjNjMC0xLjktMS0yLjktMi45LTIuOWMtMC40LDAtMC44LDAtMSwwLjF2NmMwLjIsMCwwLjUsMCwwLjksMA0KCUM0My41LDE2LjUsNDQuNiwxNS40LDQ0LjYsMTMuM3oiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01MS45LDE0LjNjMCwwLjIsMCwwLjQsMCwwLjZINDhjMCwwLjYsMC4yLDEsMC42LDEuM2MwLjMsMC4zLDAuOCwwLjQsMS4zLDAuNGMwLjYsMCwxLjEtMC4xLDEuNi0wLjNsMC4yLDAuOQ0KCWMtMC41LDAuMi0xLjIsMC4zLTEuOSwwLjNjLTAuOSwwLTEuNi0wLjMtMi4xLTAuOGMtMC41LTAuNS0wLjgtMS4yLTAuOC0yLjFjMC0wLjksMC4yLTEuNiwwLjctMi4yYzAuNS0wLjYsMS4yLTAuOSwyLTAuOQ0KCWMwLjgsMCwxLjUsMC4zLDEuOSwwLjlDNTEuOCwxMyw1MS45LDEzLjYsNTEuOSwxNC4zeiBNNTAuNywxNGMwLTAuNC0wLjEtMC43LTAuMy0xYy0wLjItMC40LTAuNi0wLjUtMS0wLjVjLTAuNCwwLTAuOCwwLjItMSwwLjUNCgljLTAuMiwwLjMtMC4zLDAuNi0wLjQsMUg1MC43eiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTU3LjksMTEuN2wtMi4yLDUuOGgtMS4zbC0yLjEtNS44aDEuNGwxLDMuMWMwLjIsMC41LDAuMywxLDAuNCwxLjVoMGMwLjEtMC40LDAuMi0wLjksMC40LTEuNWwxLTMuMUg1Ny45eiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYzLjMsMTQuM2MwLDAuMiwwLDAuNCwwLDAuNmgtMy45YzAsMC42LDAuMiwxLDAuNiwxLjNjMC4zLDAuMywwLjcsMC40LDEuMywwLjRjMC42LDAsMS4xLTAuMSwxLjYtMC4zbDAuMiwwLjkNCgljLTAuNSwwLjItMS4yLDAuMy0xLjksMC4zYy0wLjksMC0xLjYtMC4zLTIuMS0wLjhjLTAuNS0wLjUtMC44LTEuMi0wLjgtMi4xYzAtMC45LDAuMi0xLjYsMC43LTIuMmMwLjUtMC42LDEuMi0wLjksMi0wLjkNCgljMC44LDAsMS41LDAuMywxLjksMC45QzYzLjEsMTMsNjMuMywxMy42LDYzLjMsMTQuM3ogTTYyLjEsMTRjMC0wLjQtMC4xLTAuNy0wLjItMWMtMC4yLTAuNC0wLjYtMC41LTEtMC41Yy0wLjQsMC0wLjgsMC4yLTEsMC41DQoJYy0wLjIsMC4zLTAuMywwLjYtMC40LDFINjIuMXoiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik02NS44LDE3LjVoLTEuM1Y5aDEuM1YxNy41eiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTcyLjYsMTQuNWMwLDAuOS0wLjIsMS42LTAuOCwyLjJjLTAuNSwwLjYtMS4yLDAuOS0yLjEsMC45Yy0wLjgsMC0xLjUtMC4zLTItMC44Yy0wLjUtMC42LTAuNy0xLjMtMC43LTIuMQ0KCWMwLTAuOSwwLjMtMS42LDAuOC0yLjJjMC41LTAuNiwxLjItMC45LDIuMS0wLjljMC44LDAsMS41LDAuMywyLDAuOEM3Mi4zLDEzLDcyLjYsMTMuNyw3Mi42LDE0LjV6IE03MS4yLDE0LjZjMC0wLjUtMC4xLTEtMC4zLTEuNA0KCWMtMC4zLTAuNS0wLjctMC43LTEuMi0wLjdjLTAuNSwwLTAuOSwwLjItMS4yLDAuN2MtMC4yLDAuNC0wLjMsMC44LTAuMywxLjRjMCwwLjUsMC4xLDEsMC4zLDEuNGMwLjMsMC41LDAuNywwLjcsMS4yLDAuNw0KCWMwLjUsMCwwLjktMC4yLDEuMi0wLjdDNzEuMSwxNS42LDcxLjIsMTUuMSw3MS4yLDE0LjZ6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNzkuMywxNC41YzAsMS0wLjMsMS44LTAuOCwyLjNjLTAuNSwwLjUtMS4xLDAuOC0xLjgsMC44Yy0wLjgsMC0xLjMtMC4zLTEuNi0wLjhoMHYzaC0xLjN2LTYuMg0KCWMwLTAuNiwwLTEuMywwLTEuOWgxLjFsMC4xLDAuOWgwYzAuNC0wLjcsMS4xLTEsMi0xYzAuNywwLDEuMywwLjMsMS43LDAuOEM3OSwxMi45LDc5LjMsMTMuNiw3OS4zLDE0LjV6IE03Ny45LDE0LjYNCgljMC0wLjYtMC4xLTEtMC40LTEuNGMtMC4zLTAuNC0wLjctMC42LTEuMS0wLjZjLTAuNiwwLTEuMiwwLjUtMS40LDEuMWMwLDAuMi0wLjEsMC4zLTAuMSwwLjR2MWMwLDAuOCwwLjYsMS41LDEuNCwxLjUNCglDNzcuNCwxNi42LDc3LjksMTUuOCw3Ny45LDE0LjZ6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNODUuMywxNC4zYzAsMC4yLDAsMC40LDAsMC42aC0zLjljMCwwLjYsMC4yLDEsMC42LDEuM2MwLjMsMC4zLDAuOCwwLjQsMS4zLDAuNGMwLjYsMCwxLjEtMC4xLDEuNi0wLjNsMC4yLDAuOQ0KCWMtMC41LDAuMi0xLjIsMC4zLTEuOSwwLjNjLTAuOSwwLTEuNi0wLjMtMi4xLTAuOGMtMC41LTAuNS0wLjgtMS4yLTAuOC0yLjFjMC0wLjksMC4yLTEuNiwwLjctMi4yYzAuNS0wLjYsMS4yLTAuOSwyLTAuOQ0KCWMwLjgsMCwxLjUsMC4zLDEuOSwwLjlDODUuMSwxMyw4NS4zLDEzLjYsODUuMywxNC4zeiBNODQuMSwxNGMwLTAuNC0wLjEtMC43LTAuMi0xYy0wLjItMC40LTAuNi0wLjUtMS0wLjVjLTAuNCwwLTAuOCwwLjItMSwwLjUNCgljLTAuMiwwLjMtMC4zLDAuNi0wLjQsMUg4NC4xeiIvPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTg5LjUsMTIuOGMtMC4xLDAtMC4zLDAtMC40LDBjLTAuNSwwLTAuOCwwLjItMSwwLjVjLTAuMiwwLjMtMC4zLDAuNy0wLjMsMS4xdjNoLTEuM2wwLTRjMC0wLjcsMC0xLjMsMC0xLjgNCgloMS4xbDAsMS4xaDBjMC4xLTAuNCwwLjMtMC43LDAuNi0wLjljMC4zLTAuMiwwLjYtMC4zLDAuOS0wLjNjMC4xLDAsMC4yLDAsMC4zLDBWMTIuOHoiLz4NCjwvc3ZnPg==");}
.footer-breadory .breadcrumbs .breadcrumbs-list > li:before {background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0IDI0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiMzQTNFNEYiIHN0cm9rZS13aWR0aD0iMC41IiBwb2ludHM9IjguMjgxLDMuNzUgMTUuNzE5LDEyIDguMjgxLDIwLjI1ICIvPg0KPC9zdmc+DQo=");}
.footer-breadory .breadcrumbs .breadcrumbs-list {margin-top:2px;}

@media all and (max-width: 767px) {
 .footer-breadory .breadcrumbs { border-color: #3A3E4F; }
}



/* NEXT ROUTER */

.nextrouter {
	position: relative;
	z-index: 1;
	background-color: #20222B;
	padding: 2em 0;
	height:400px;
}

a.block {
	display: block;
	cursor: pointer;
	text-decoration: none;
	color: inherit;
}

a.block:before,
a.block:after {
	content: ' ';
	display: table;
}

.nextrouter + #globalfooter .footer-breadory,
.nextrouter + #globalfooter .footer-breadory .breadcrumbs {
	border-top: none;
}

.nextrouter-content {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

.nextrouter-copy {
	position: relative;
	min-height: 2px;
	margin: 0;
	padding: 93px 0 93px 0;
	z-index: 2;
	width: 100%;
}

.nextrouter-sentence {
	font-size: 40px;
	line-height: 1.1;
	font-weight: 300;
	letter-spacing: -0.008em;
	margin-bottom: 0.22em;
	padding-right: 14px;
}

.nextrouter-label {
	font-size: 24px;
	line-height: 1.16667;
	font-weight: 300;
	letter-spacing: normal;
	color: #999999;
	display: block;
	margin-bottom: 0.4em;
}

.nextrouter-link {
	color: #00aba5;
	margin-bottom: 0;
	padding-right: 14px;
}

.nextrouter-content:hover .nextrouter-link {
	text-decoration: underline;
	color: #8485ce;
}

.nextrouter-content:hover .nextrouter-link .more:after {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMzZweCIgaGVpZ2h0PSIzNnB4IiB2aWV3Qm94PSIwIDAgMzYgMzYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDM2IDM2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiM4NDg1Y2UiIHBvaW50cz0iMTQuNjE1LDI1LjkzNCAxMy40NDksMjQuNzY3IDIwLjIxNywxNy45OTkgMTMuNDQ5LDExLjIzMyAxNC42MTUsMTAuMDY2IDIyLjU1MSwxNy45OTkgIi8+DQo8L3N2Zz4=");
}

.nextrouter-image {
	position: relative;
	z-index: 1;
	min-height: 2px;
	margin: 0;
	padding: 0;
	float: left;
	width: 50%;
}

.image-nextrouter {
	background-repeat: no-repeat;
	background-size: auto 348px;
	background-position:center center;
	height: 348px;
}


@media all and (min-width: 768px) and (max-width: 1023px) {
	.nextrouter {height: 330px;}
	.nextrouter-content {width: 692px;}
	.nextrouter-copy { padding: 75px 0 71px 0;}
	.nextrouter-sentence {font-size: 32px;line-height: 1.125; font-weight: 300; letter-spacing: 0em; }
	.nextrouter-label { font-size: 20px; line-height: 1.2; font-weight: 300; letter-spacing: normal;}
	.image-nextrouter { background-size: auto 280px; height: 280px; }
}

@media all and (max-width: 767px) {
	.nextrouter {height:auto;}
	.nextrouter-content {width: 90%;}
	.nextrouter-copy {padding: 34px 0 37px 0;width:100%;}
	.nextrouter-sentence {margin-bottom: 0.06em;font-size: 28px;line-height: 1.14286;font-weight: 300;letter-spacing: 0em;}
	.nextrouter-label {font-size: 20px;line-height: 1.2;font-weight: 300;letter-spacing: normal;}
 	.nextrouter-image {width: 100%;}
	.image-nextrouter {height: 258px;width: 288px;margin-left: auto;margin-right: auto;background-size: auto 258px;}
	.nextrouter-link span.more:after {background-position: -2px -3px;}
}

/* CODE DIVIDER */

.code-divider {
	display: block;
	width:980px;
	height:26px;
	background-image:url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc16-divider.png");
	background-repeat: no-repeat;
	background-size: 980px 26px;
	background-position: top left;
	margin: 3em 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.code-divider {background-image:url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc16-divider_2x.png");}
}

@media all and (min-width: 768px) and (max-width: 1023px) {
	.code-divider {
		width:704px;
		height: 21px;
		background-image:url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc16-divider-medium.png");
		background-size: 704px 21px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 768px) and (max-width: 1023px) and (min-resolution: 1.5dppx), only screen and (min-width: 768px) and (max-width: 1023px) and (min-resolution: 144dpi) {
	.code-divider {background-image:url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc16-divider-medium_2x.png");}
}

@media all and (max-width: 767px) {
	.code-divider {
		width:272px;
		height: 15px;
		background-image:url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc16-divider-small.png");
		background-size: 272px 15px;
		margin: 1em 0;
	}
}

@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 1.5dppx), only screen and (max-width: 767px) and (min-resolution: 144dpi) {
	.code-divider {background-image:url("https://devimages.apple.com.edgekey.net/wwdc/images/wwdc16-divider-small_2x.png");}
}