body { 
	background: #E9E5D9;
	background-image: url(img/triangles-bg-big.png);
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: 89% -95px;
}

body.home  { 
	background-image: url(img/triangles-bg-big.png), url(img/triangles-bg-big.png), url(img/triangles-bg-big.png);
	background-position: 63% 40px, 10% 55%, 90% 55%;
}
body.speaker {
	background-position: 20% -93px;
}

.embed {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
}
.embed iframe {
	position: absolute;
	top:  0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ribbon {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALcAAAAkCAYAAADLnKtyAAAC20lEQVR42u3bPUwTcRjH8f/A4mDSMLhgIiQOFjSi1cECDcZIBZVK76V3fYVVEyQ6EDZcTEwcTBxEVqOGCRcHN4wGO6ILBoEYTIqtvBR6wPj4nCkNSSOh0Je79vckn9zWJv98e/k/Q8XOQP8MI4Aq02nG3bqDg4Aq8t7bNSaE8Apzfgf14Z3+GAHY3Q9Fns6GfUrszmo4FK/1gwF745f0wvn6eolzvkBEIjfb/TFHJhbN8JMA7GYzGjHut7Tc5ZTdrC4X9563t7QdixKA3bxscz/ihK+x42bYprxJ6Np4rR8U2MvHmz2vsvfsE2bU/417KxZ18Bt8lp8EYHVzcm6BPM3EvnGbs6xprq1ohACsjDvNLZBMHChucxKaNmzwBwBYUTocMgZbmnMLZEFxm5PStbgRCROA1bxwX8ktkEwUHHcmEnbwLyTDTwKwivjtW5O7CyQTBcSd9/aWMuEQAVjBoix9y4Z9hokjxW3OkqqMb/IHA1RSUgskswvkZSaKEvdmKOhIaYFZfhJAJawFdWPQ6TQXSA+rK1rc5vxSFdcGfwlAJbz2eJ7mLZDFituchKo83gjqBFBO0z3duwtkAxMliTsd1BsZAZTLkiIv5C2QJYlb16YYAZTTyLmzMcFTsrjXdW2IEUC58XU4+cR18WRJ4l7XAq0szQigEr77fJ84xbqix72mBWYYAVRSvKd7rKhxrwXUUUYAVvC2oz1UlLhXVbWTEYBVJBXFeNjc3HSUuDlsxcF+MgKwkjlf71fz/n3ouFdU5RkjACv67PWOHyruFUW+wwjAyt60t4UKivuPIjtYmhGAlS3LkvHA6Ww6eNyy9I4RgB0s+nrnD/Q3s5QsDTECsJMvN7wT+8adkvyNLM0IwG4mPR339ot7qtYPCOwr4e8znl9yufLiTkr+UUYAdjbf++/+fSwXd9Lf18oIoBpMd12f2Bv3TK0fCFSXD1c7R/beud3MC1BFGv4CBHBs05Pic9MAAAAASUVORK5CYII=) no-repeat center top;
	display: block;
	text-align: center;
	text-shadow:-1px -1px 0px rgba(0,0,0,0.2);
	color: #fff;
	font-size: 0.9em;
	padding: 7px 0 9px 0;
	letter-spacing: 1px;
}
a.ribbon {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQMAAAAkCAYAAACND1/xAAAC5UlEQVR42u3cPUwTYRgHcAYWB5JjdgCHQhlADIuSChRU5COR9j56115bHK0kEhYcmZyMYSSsLkaJ0cnEwbBoWNTqghpJBA3a8lXoAePjU3N66WLfrk//T/LLTb3hTd5/7v3nrk2nN6fzjABAlMUmhSGifyph0HuKhQMQ59FwNFNXGFTmV9KZP53OEgDIseemCnfP95xTDwN/+Idrjb54ANJ8MvQXvL2b6wqDk+msVs5mynwlAJDj+dUrd9TDIHg60E+yGQIAOY7Srpfr6gophkEw24693OiLByDNV9N47R8X1MPgOJvR+Alhna8EAHKsjAzPKYZBMD9tu+84kyYAkOPQTfFxIRxSDINgtm173uMbAIAcXwzdPy4ohUEwRcde89IuAYAcT6LRubrDoJx2tZKbKvOVAECGg1TSuxUOh9TDIHg60MtuigBAjs/x2J/jgmIYBLNlmctHfAMAkONxdGiu7jA4SiW1op1Y5ysBgAz7ScdbunSxLwgDxflumX2HfAMAkGPD0D/w9j7jh4H6bFvmvcOkQwAgx6vRaw/qDoNS0mlnBABy7NgJj7d3W31h4NirjABAjneTky95e48wtTlw7FlGACDHpqFv9LS26rzFu9WCwE70shIjAJBhJ2F5M+HOHG/xftbMas++ncgzAgA5HkYi9/3jQYtSgbifsBYYAYAcbyfGKz3BKDur9J7BnmUNMQIAOX7oeuFvT6D0BuKeZWrsGyMAkON2Z0elJxhQ/jZh1zIXGQGAHE8HB5f840GL0leLu6YxxQgA5Pg4OfHGD4I2pf8z2DENjZUYAYAMW/FYoVvTKj3BBdakFgaG/owRAMiR6wh6AqUwKBr6LCMAkGNl4HJVT1AzDIp6vJ2VGAGADPnxsaqeQDUMVht94QAk2Zy6UdUTKIVBQY8vMAIAOXIdoaAnUAmDQjzWywgA5FiJRKp6AtUwyDf6wgFI8n7s+n96gtqdQT8bBQAZgp5APQx+A/bmEHc171/EAAAAAElFTkSuQmCC);
}
a.ribbon:link,
a.ribbon:visited,
a.ribbon:hover,
a.ribbon:focus,
a.ribbon:active {
	color: #fff;
}
/* @group Structure */

/* @group Navigation */

.main-nav  {
	background: #396d68; 
	background: -moz-linear-gradient(top,  #396d68 0%, #427e78 15%, #427e78 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#396d68), color-stop(15%,#427e78), color-stop(100%,#427e78));
	background: -webkit-linear-gradient(top,  #396d68 0%,#427e78 15%,#427e78 100%); 
	background: -o-linear-gradient(top,  #396d68 0%,#427e78 15%,#427e78 100%); 
	background: -ms-linear-gradient(top,  #396d68 0%,#427e78 15%,#427e78 100%); 
	background: linear-gradient(top,  #396d68 0%,#427e78 15%,#427e78 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#396d68', endColorstr='#427e78',GradientType=0 ); 
	margin-bottom: 65px;
	border-bottom: 1px solid rgba(255,255,255,0.7);
}

.main-nav ul {
	height: auto !important;
	/* I know, right? Never use !important.
	But in this case, it's needed to over-ride a style declaration
	in the markup that's set by JavaScript (for smaller screen sizes).*/
}
.main-nav .nav-bar {
	background: none;
	display: inline;
}
.main-nav a.backButton, .main-nav .toggle-menu {
	-webkit-box-shadow:	none;
	-moz-box-shadow:	none;
	-ms-box-shadow:	none;
	-o-box-shadow:	none;
	box-shadow:			none;
	background: none;
}
.main-nav a.backButton.home {
	background-color: transparent;
	margin-top: -43px;
	margin-left: 10%;
	padding: 7px 8px 1px 4px;
}
.home .main-nav a.backButton.home {
	margin-top: -41px;
}
.main-nav a.toggle-menu {
	display: none;
}
.main-nav ul {
	background: none;
	-webkit-box-shadow:	none;
	-moz-box-shadow:	none;
	-ms-box-shadow:	none;
	-o-box-shadow:	none;
	box-shadow:			none;
	padding: 16px 0 4px 12%;
}
.main-nav ul li a,
.main-nav.three ul li a,
.main-nav ul li a.conference, 
.main-nav ul li a.workshops, 
.main-nav ul li a.location,
.main-nav.three ul li a.location, 
.main-nav ul li a.updates {
	background: none;
	padding: 3px 15px 2px 14px;
	margin-left: 1%;
	margin-right: 0px;
	margin-top: 0px;
	display: inline;
	width: auto;
	font-size: 1em;
}
.main-nav ul li a.conference {
	margin-left: 3%;
}
.main-nav ul li a:hover {
	opacity: 1;
	color: #fff;
}

.home .main-nav a.home,
.conference .main-nav ul li a.conference,
.location .main-nav ul li a.location,
.workshops .main-nav ul li a.workshops,
.updates .main-nav ul li a.updates {
	background-color: rgba(0,0,0,0.1);
	-webkit-box-shadow:	1px 1px 0px rgba(255,255,255, 0.05),inset 1px 1px 0px rgba(0,0,0, 0.05);
	-moz-box-shadow:	1px 1px 0px rgba(255,255,255, 0.05),inset 1px 1px 0px rgba(0,0,0, 0.05);
	-ms-box-shadow:	1px 1px 0px rgba(255,255,255, 0.05),inset 1px 1px 0px rgba(0,0,0, 0.05);
	-o-box-shadow:	1px 1px 0px rgba(255,255,255, 0.05),inset 1px 1px 0px rgba(0,0,0, 0.05);
	box-shadow:			1px 1px 0px rgba(255,255,255, 0.05),inset 1px 1px 0px rgba(0,0,0, 0.05);
	color: inherit;
	opacity: 1;
}

/* @end Navigation */

/* @group Header */

header {
	background: none;
	display: block;
	width: 50%;
	float: right;
	min-height: 270px;
	margin-bottom: -120px;
}
.home header {
	margin-bottom: -180px;
	margin-top: -60px;
}
header hgroup {
	width: 80%;
	display: block;
	float: right;
	margin-top: 0px;
	margin-right: 20%;
}
.home header hgroup {
	margin-right: 25%;
	margin-top: 30px;
}
header h1 {
	margin: 30px 10% 10px 10%;
}
header h1 .logo-name {
	width: 78%;
}
header h1 .logo-year {
	width: 19%;
	margin-top: 0px;
	vertical-align: bottom;
}
header h2 {
	padding: 0;
	margin: 5px 0 0 0px;
	font-size: 1.1em;
	letter-spacing: 0.1em;
}
header h2 time {
	display: inline;
	font-size: 1em;
	padding-right: 10px;
	letter-spacing: 0.1em;
}
header h2 time .th {
	border: none;
	font-size: 1em;
	padding: 0;
}
header .tickets,
header .ribbon  {
	background: none;
	position: absolute;
	top:0px;
	right: 10%;
	background: url(data:image/png;base64,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) no-repeat;
	width: 175px;
	height: 100px;
	padding: 10px 0 0 0px;
	text-align: center;
}

/* Page headers with a floated image */

.conference h1.section,
.location h1.section,
.workshops h1.section
 {
	width: 37%;
	margin: -52px 0 0 50%;
	padding-left: 3%;
	clear: none;
	white-space: nowrap;
}
.header-image {
	display: block;
	width: 50%;
}
.speaker hgroup,
.information hgroup {
	margin-right: 0;
	margin-left: 0%;
	float: left;
	margin-top: 0;
	min-width: 400px;
}
.speaker hgroup h1,
.information hgroup h1 {
	margin-left: 10%;
	margin-right: 10%;
}
.speaker hgroup h2,
.information hgroup h2 {
	margin-left: 10px;
}
.speaker .header-image,
.information .header-image {
	float: right;
	margin-bottom: -100px;
	margin-top: 90px; 
	width: 40%;
}

/* @end Header */

/* @group Footer */

footer ul li a {
	float: left;
	background: none;
	padding: 0 15px 0 0;
}
footer small img {
	float: right;
	width: 20%;
}

/* @end Footer */

/* @group Introduction */

.introduction {
	background: none;
	-webkit-box-shadow:	none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow: none;
	margin-top: 0;
	margin-bottom: 0px;
	padding-bottom: 0px;
	clear: both;
}
.introduction p {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	margin-bottom: 7px;
}
.introduction h2 {
	margin: 120px 0 0 0;
	padding: 0 2% 100px 10%;
	width: 35%;
	background: #fff ;
}
.introduction h2 img {
	margin: -70px 0 0 0;
}
.introduction .section {
	background: #fff;
	margin: -66px 0 0 10%;
	padding: 22px 10% 38px 30%;
	font-size: 0.9em;
}	
.introduction .button {
	display: inline;
	background: none;
	-webkit-box-shadow:	none;
	-moz-box-shadow:none;
	-ms-box-shadow:none;
	-o-box-shadow:none;
	box-shadow: none;
	padding: 0;
	font-family: inherit;
	text-transform: none;
	letter-spacing: 0;
	font-size: 1.1em;
	font-style: normal;
}

/* @end Introduction */

/* @group Speakers */

.speakers-list {
	margin: -10px 0 25px 0;
	position: relative;
	font-size: 0.95em;
}
.speakers-list li {
	width: 16.7%;
}
.speakers-list li a {
	direction: block;
}
.speakers-list li.james-burke {
	width: 33%;
	background: #000;
	text-align: center;
	margin:  -16.3% -20.5% 100px -40px;
	border-left: 40px  solid #fff;
	border-bottom: 40px  solid #fff;
}
.speakers-list li.james-burke img {
	width: 100%;
	z-index: 100;
	position: relative;
}
.speakers-list li.james-burke span {
	z-index: 101;
}
.speakers-list li.ben-hammersley {
	margin-left: 20.5%;
}
.speakers-list li.jenn-lukas {
	border-bottom: 40px  solid #fff;
	-webkit-box-shadow:	40px 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow:	40px 0px 0px rgba(255, 255, 255, 1);
	-ms-box-shadow:	40px 0px 0px rgba(255, 255, 255, 1);
	-o-box-shadow:	40px 0px 0px rgba(255, 255, 255, 1);
	box-shadow:			40px 0px 0px rgba(255, 255, 255, 1);
}
.speakers-list li.jason-scott {
	margin: -40px 0 0 0;
	border-left: 40px  solid #fff;
	border-bottom: 40px  solid #fff;
}
.speakers-list li.scott-jenson {
	margin: -40px 0 0 0;
	border-bottom: 40px  solid #fff;
}
.speakers-list li.seb-lee-delisle {
	margin: -40px 0 0 0;
	border-bottom: 40px  solid #fff;
}
.speakers-list li.lauren-beukes {
	margin: -40px 0 0 0;
	border-bottom: 40px  solid #fff;
	border-right: 40px  solid #fff;
}
.speakers-list li.james-burke span {
	text-align: center;
}

/* @end Speakers */

/* @group Social Links */

.social-links.section {
	margin: 0 10% 0 10%;
}
.social-links ul li {
	width: 33%;
	float: left;
}

/* @end Social Links*/

/* @group Sponsorship Pack */

.sponsorship-pack p {
	margin: 15px auto 60px auto;
	padding: 15px 1% 0 1%;
	text-align: center;
}

/* @end Sponsorship Pack*/

/* @group Schedule */

.schedule,
.conference .lineup {
	width: 40%;
	float: left;
	margin-right: 4%;
	margin-left: 10%;
	margin-top: -25px;
	border-left:15px solid #dedede;
	padding-top: 20px;
	box-sizing: border-box;
	position: relative;
}
.schedule .vevent,
.conference .lineup .vcard {
	margin-left: 30px;
	padding-bottom: 15px;
}
.schedule .vevent time {
	text-align: right;
	display: block;
	margin: -5px 0 -45px -160px;
	padding: 14px 65px 14px 0;
	width: 80px;
}
.schedule .bullet time {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEX////////////////////////////////////////////////96en83t30fXjwUkz4s7D3qKX2ko/+9PTzcm3yZ2LxXFf5vrz71NL3nZr1iIP6ycdLN82eAAAAC3RSTlMAIjNmd4iZu8zd7v1Qz9oAAAFSSURBVHhepZbploMgDIWRAqJsrks77/+eM9MpJgqhZ+z9iR85NwQS2Vlc1No8pWvBWVGVbMxBjaxoWJmMFLFBtiarVuZCa0NKJ454awpqTznfIk3xt1Jst/2IjF9h2nZT+NPUW8SDf5TlOASsATboSEug1yUctaw7LxMrQ0g1nOwoTJd49Qy+013Iq4tAhZ3bQMkh903EPYn7eD8Z45HeAq1YMs4E5Enr8WIEqyOOT/y3nLZH/Iup94puaWoucaNZ5hT7uNYnSyz9FGxytEXc7LqGf27mq5jqGnENkaiDhBUNZZoLZZr3Mgn6+qb2BFyxcaFgSJ6jC9y/Dd4cHvZE0NMIzwM9Ppe3szj8+Jgq80Crc+Nwc0LP7tzHZNLEQMMIbQmaHsjiDQ/UV3W+pZpxvXs/e39fITJYKQ4DoPn1cfB+2FwYZVcHZXkMXx/y//yF+AYxcVQKu3FYkgAAAABJRU5ErkJggg==) no-repeat center right;
}

/* @end Schedule */

/* @group Conference */

.conference .info {
	width: 46%;
	float: left;
}
.conference .pre-schedule .schedule,
.conference .pre-schedule .lineup {
	width: 33.5%;
	margin-left: 0%;
}
.conference .pre-schedule .info {
	width: 60%;
	float: right;
}

/* @end Conference */

/* @group Lineup */

.speaker .lineup {
	clear: both;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 2em;
	-moz-column-gap: 2em;
	column-gap: 2em;
}
.speaker .bio {
	width: 55%;
	margin-right: 7%;
	float: left;
}
.speaker aside {
	width: 38%;
	float: left;
	padding-top: 20px;
}

/* @end Lineup */

/* @group Workshops */

.workshops-list article {
	width: 42%;
	float: left;
	margin-right: 4%;
	clear: left;
}
.workshops-list article:nth-child(2n+1) {
	width: 42%;
	margin-right: 0;
	margin-left: 4%;
	clear: none;
}

/* @end Workshops*/

/* @group Location */

.location .map {
	width: 46.5%;
	float: left;
	margin-right: 7%;
	margin-top: -25px;
	padding-top: 20px;
	box-sizing: border-box;
	position: relative;
}
.location .map #map_canvas {
	height: 600px;
}
.location .info {
	width: 45%;
	float: left;
}

/* @end Location */

/* @end Structure */

@media only screen and (min-width : 45em) and (max-width : 55em) {	
	.home header hgroup {
		margin-right: 15%;
	}
	header h1 {
		margin: 40px 7% 10px 7%;
	}
	header h2 {
		font-size: 0.85em;
	}
	.conference header h1,
	.location header h1,
	.workshops header h1
	 {
		margin-top: 20px;
		margin-bottom: 5px;
	}
	.introduction .section {
		padding: 20px 8% 35px 45%;
		font-size: 0.8em;
	}	
	.introduction h2 {
		width: 42%;
	}	
	.introduction h2 img {
		margin:  -60px 0 0 0;
		width: 95%;
	}	
	.speakers-list li {
		width: 25%;
		border: none;
	}
	.speakers-list li.ben-hammersley ,
	.speakers-list li.jenn-lukas ,
	.speakers-list li.jason-scott ,
	.speakers-list li.scott-jenson ,
	.speakers-list li.seb-lee-delisle ,
	.speakers-list li.lauren-beukes ,
	.speakers-list li.james-burke  {
		width: 25%;
		border: none;
		margin: 0;
	}	
	.speakers-list li.james-burke {
		width: 50%;
		border-left:30px solid white;
		margin-left: -30px;
		margin-top: -25.1%;
	}	
	.speakers-list li.seb-lee-delisle {
		display: block;
		border-left:30px solid white;
		border-bottom:30px solid white;
		margin-left: -30px;
		margin-top: -30px;
	}	
	.speakers-list li.tom-armitage {
		border-left:30px solid white;
		border-bottom:31px solid white;
		margin-left: -30px;
	}	
	.speakers-list li.ariel-waldman {
		-webkit-box-shadow:	30px 0px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow:	30px 0px 0px rgba(255, 255, 255, 1);
		-ms-box-shadow:	30px 0px 0px rgba(255, 255, 255, 1);
		-o-box-shadow:	30px 0px 0px rgba(255, 255, 255, 1);
		box-shadow:			30px 0px 0px rgba(255, 255, 255, 1);
	}	
	.speakers-list li.scott-jenson {
		-webkit-box-shadow:	30px 0px 0px rgba(255, 255, 255, 1);
		-moz-box-shadow:	30px 0px 0px rgba(255, 255, 255, 1);
		-ms-box-shadow:	30px 0px 0px rgba(255, 255, 255, 1);
		-o-box-shadow:	30px 0px 0px rgba(255, 255, 255, 1);
		box-shadow:			30px 0px 0px rgba(255, 255, 255, 1);
		border-bottom:30px solid white;
	}
	.speakers-list li.lauren-beukes {
		margin-top: -30px;
		border-right:30px solid white;
		border-bottom:30px solid white;
	}
	.social-links.section {
		margin: 0 0 0 0;
	}
	.sponsorship-pack p.leading-para {
		font-size: 1em;
	}
}

@media only screen and (min-width : 50em) and (max-width : 55em) {	
	.introduction .section {
		padding: 30px 8% 50px 45%;
	}	
}

@media only screen and (min-width: 55em) {
	.speaker .lineup {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
	}
	.speaker .header-image {
		margin-top: 50px;
	}
	.workshop-detail h2 {
		font-size: 1.7em;
	}
	.workshop-detail .about {
		float: left;
		width: 50%;
		margin-right: 2%;
	}	
	.workshop-detail aside {
		float: left;
		width: 46%;
		margin-left: 2%;
	}	
	.workshop-detail .button {
		clear: both;
		margin-top: 40px;
	}	
}

@media only screen and (min-width: 65em) {
	.introduction .section {
		font-size: 1em;
		padding: 30px 10% 45px 30%;
	}	
	.speakers-list {
		font-size: 1em;
	}
}

@media only screen and (min-width: 70em) {
	header hgroup {
		margin-top: 31px;
	}	
	.speaker .header-image {
		margin-top: 10px;
	}	
}

@media only screen and (min-width: 72em) {	
	.we-are-8 {
		display: block;
		width: 113px;
		height: 110px;
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHEAAABuCAMAAAAnIAysAAAANlBMVEUAAAD///9CfnhCfnhCfnhCfnhCfnhCfnhCfnhCfnhCfnhCfnhCfnhCfnhCfnhCfnhCfnhCfniz0NV6AAAAEXRSTlMAAIDwEEBgwOCg0CAwsHCQUIYVzfcAAAK3SURBVHhevdrbbqUwDIbRNOcz+P1fdloYxptJq1Rs5/9ue7Fki9C0Qj3M5mDVkz4eg0TGIcVEX204MdFZLkvE0vYBvDL3HzktInai2O234H2zJVAQEfMxTCoX6OlWridgE5GMaC8g7Ay+ZvyXp80X3wREFs7lMsgl6+Opawmx3eZp9ENyoh2A1aLHisUnAxT3LR8ARqw60JP6I7H4ZuhxOYSmtXbO2V+KeyS54idfZqIj4dxMVNLiPhWbsKinYoeLVVjcpqIysmKYiw0udrToIsk2Ee1GBBVdJJDIA8rnfhZrJKyoiaBizbQoPYg8IFCsmbBip5VlfeadK5cYCNR+iRoERnWJHiT2f2IFiZZPBwZMisUMEeuL2BBgVixiHlb/Ku4A0NzfcgBxYxH0sBYWMe+5pu5iArxS76IGvFLvogMtlcVCq4v+LlpaX3Avos2EqJVLrIZAbfYQd0OwjOZ7FajEhx+T/1AZ6ZmqPqAjZnucDg8Dt/M8wkjDdwDMcYxVsahqXA4Ge0i4t5wZ/n60YTHpWbxKuN/IV9taUo+iXysaO4iRIEOy6DEXVhatWS4m1H9XOMciZESigLohc45FayBiZFETJn+JxWDAYC8xYUDNp8MhSOPuv618BmyUxaO6mbUbZZHzbe1GWeRKj4s2yuKQS2bVRkeRH6M1G2VxLMpudC7uwhudi0F2o3OxCN8Z5+JGUs1mlL8QhJkof60rvxJLb2JTppnIqk9R6io+ikvVPoiT8rNvZHg/cSKKfDxT1Zn7rOsyiJPS2ydiIgocTvemqLrUiCwKPzxuLso+PFm9LfLnM2a47QUziF5CLCdk6v+fYTSlrNMpExeVhKj0CR56+G6e6vXfcb2MqOIBnjkeySruHLcpIdHdTpmP11LHpETVeFv80fEuJ84ricgohMjVkJ6JfwDF9Sd7/4Mw/AAAAABJRU5ErkJggg==) no-repeat;
		float: right;
		margin:  -85px -34px 0 0;
		text-shadow:-1px -1px 0px rgba(0,0,0,0.15);
		text-align: center;
		font-size: 0.9em;
		padding-top: 22px;
	}	
	.we-are-8 em{
		font-size: 1.6em;
		display: block;
	}
}	

@media only screen and (min-width: 85em) {
	.introduction .section {
		padding-bottom: 70px;
	}
}

@media only screen and (min-width: 95em) {
	.introduction .section {
		padding-top: 90px;
		padding-bottom: 90px;
	}
}