/*wide screen*/


header {
	margin: 0 0 0 0;
	/* background: url('../images/site/header-left.svg'), url('../images/site/header-right.svg');
	background-size: 15%;
	background-repeat: no-repeat;
	background-position: center left ,  center right; */
	width: 100%;
	background: url('../images/site/header.svg');
	background-repeat: no-repeat;
	background-size: cover;
}

header section {
	padding: 3em 0;
	/* background: rgba(255, 255, 255, .7);*/
	width: 80%;
	margin: 0 auto 

}

header h2 {
width: 80%;
margin-left: auto;
margin-right: auto}

h1 {
	font-size: 5em;
}

nav {
padding: 1em 6%;
position:-webkit-sticky;
position: sticky;
top: 0;
background: rgba(255, 255, 255, .8);
width: 88%;
z-index: 500
}


nav li {
display: inline-block;
height: 2em;
vertical-align: middle;
line-height: 2em;
width: 15%;
padding: 0}

nav li:last-of-type {
width: 30%;
text-align: right}



nav a:link, nav a:visited {
	text-decoration: none;
	border: none;
	color: #000
}

nav li:last-of-type a[href="https://secure.webdirections.org/respond15/register/billing"]:link, nav li:last-of-type a[href="https://secure.webdirections.org/respond15/register/billing"]:visited {
width: 100%;
display: inline-block;
text-align: center;
padding: 0;
text-transform: uppercase;
color: white;
}

nav img {
	width: 2em
}

/*main*/


.part {
padding-top: 3em;
clear: both
}


#about > section, #overview > section, #webdirections > section {
width: 46%;
float: left;}

#about > section:first-of-type, #overview > section:first-of-type, #webdirections > section {
	margin-right: 4%
}
/*who*/

#who h4 {
	text-align: left
}

/* testimonial*/

#testimonial {
	padding: .5em 0
}

#testimonial blockquote {
	font-size: 2.4em;
	width: 60%;
	margin: 2em auto 0 auto;
	opacity: .5;
	
}

#testimonial p {
	width: 60%;
	margin: 1em auto;
	text-align: right
}


.bio h3{
	background-image: url('../images/site/right-arrow.svg');
	background-size: 100% auto
}

.speaker .session {
	display: block
	}
	
.bio {
	
}


/* speakers */

.speaker {
width: 31%;
float: left;
display: block;
margin-right: 3%}

.speaker:nth-of-type(3n) {
	margin-right: 0%;
}


.speaker:nth-of-type(3n + 1) {
	clear: left
}


/* venue */

#venue-map {
	width: 100%;
	height: 400px;
}

/*pricing*/

/* dates to the right


.workshop-details {
	width: 62%;
	margin-right: 3%;
	float: left
}

.workshop-registration {
	width: 33%;
	float: left
}

.workshop-registration section:first-of-type {
	margin-top: 3em
}

*/


.workshop-registration > section {
	width: 32%;
	float: left
}

.workshop-registration section li {
	padding: .1em 0
}

.workshop-registration p {
margin-top: .5em	}

#brief-pricing {
	display: none
}

footer > section {
	width: 48%;
	float: left;
	margin-right: 2%;
	margin-bottom: 2em
}

footer > section:last-of-type {
	margin-right: 0;
	width: 20%
}


/*tweets*/

 .atweet {
width: 48%;
text-align: center;
float: left
}