@media only screen {
	p {
		font-size: 1.1em;
		line-height: 1.2em;
	}

	#header {
		padding-top: 1.5em;

	}

	#container {
		padding-top: 2em;
	}

	#orbital {
		font-size: 4.4em;
		display: block;
		padding-bottom: 0;
	}

	.address {
	letter-spacing: .15em;
	display: block;
	margin-top: .8em;
	font-size: 0.95em;
	color: #fff;
	font-weight: 100;
	line-height: 1.4em;
	}

	.colo {
	display: block;
	letter-spacing: .05em;
	margin-top: 0.5em;
	font-size: 1.05em;
	color: #fff;
	font-weight: 100;
	line-height: 1.4em;

	}


	div.bios {padding-bottom: 2em;}
	div.bios p {font-size: 1em; color: #fff; margin-left: 0; padding-left: 0;}
	img.bios {width: 100px; height: 100px; margin-top: 5px; margin-right: 0.4em;}

	div.tickets {margin-top: 0;}

}

@media only screen and (min-width: 40.063em) {
	p {
		font-size: 1.2em;
		line-height: 1.4em;
	}

	#header {
		padding-top: 0em;
	}

	#container {
		padding-top: 4em;
	}

	#orbital {
		font-size: 5.2em;
	}

	.address {
	letter-spacing: .15em;
	display: block;
	margin-top: 2em;
	font-size: 1em;
	color: #fff;
	font-weight: 100;
	line-height: 1.4em;
}


	dd.date {
		color: #63b6ad;
		font-size: 2em;
		font-family: "freight-text-pro";
		letter-spacing: .15em;
		font-weight: 100;
		text-transform: uppercase;
		padding-top: 3em;
		padding-bottom: 1em;
	}

	div.bios {padding-bottom: 2em; margin-left: 200px;}
	div.bios p {font-size: 1em; color: #fff; margin-left: 0; padding-left: 0;}
	img.bios {margin-right: 15px; width: 180px; height: 180px;}


}

html, body, ul, li, h5 {
	font-family: "freight-text-pro";
	color: #555;
	background: #fff;
}

ul { font-size: 1.3em; }

#orbital {
	color: #fb8700;
	font-size: 5em;
}

#ps {
	color: #fb8700;
}

a {
	color: #005fb6;
}

a:hover {
	color: #0f1731;
}

.header, #eventdate {
		color: #777;
}

.button {
  background-color: #1249ac;
  border-color: #1249ac;
  background-color: #0064b1;
  border-color: #006fb1;

  color: white;
}

button:hover, button:focus, .button:hover, .button:focus {
    color: white;
	background-color: #0f1731;
}



.button {
	font-size: 1em;
	margin-top: 2em;
	letter-spacing: .01em;
	font-family: "nimbus-sans";
  transition: background-color 300ms ease-out; }
    }



#container {
	width: 100%;
	height: 100%;
}

#orbital {
	font-family: "nimbus-sans";
/*	text-align: center; */
	display: block;
}

.footerlist {
	display: table;
	margin: 0 auto;
}

#header {
	display: table;
	margin: 0 auto;
	text-align: center;
	line-height: 1em;
	color: #664132; /* reclaimed light brown */
}

.stripe {
	width: 8.5em;
	margin: 0 auto;
	background-color: #fff;
	margin-top: 1.2em;
	height: 1px;
	border: none;
}

.twitter {
	letter-spacing: .2em;
	font-size: 1.2em;
}



#follow {
position: relative;
float: right;
clear: both;
margin-top: -1.5em;
}

p.footer {
font-size: 1em;
}

footer {
	margin-left: auto;
	margin-right: auto;
	padding-top: 0em;
	padding-bottom: 0em;
	text-align: center;
	background: #fb8700;
}

#main {
/*	text-align: center; */
	margin-top: 3em;
	margin-bottom: 0em;
}

	#subtitle {
		font-size: 2em;
		text-align: center;
		display: block;
		color: #fff;
	}

#eventdate {
		display: block;
		text-transform: uppercase;
		letter-spacing: .15em;
		display: block;
		margin-top: .8em;
		font-size: 1.4em;
		font-weight: 100;
		line-height: 1.4em;

	}

		.header {
		font-size: 1.4em;
		font-family: "freight-text-pro";
		letter-spacing: .15em;
		font-weight: 100;
		text-transform: uppercase;
		padding-top: 3em;
		padding-bottom: 1em;
	}


p.blurb {
font-size: 2.0em;
line-height: 1.3em;
}

	h2 { color: #fff; font-family: "nimbus-sans"; padding-bottom: 1em; font-size: 1.8em; font-weight: 100;}

	#yo { color: #1e143c;}
	#year { font-weight: 100;}

	.speakers dl { margin-top: 0; padding-top: 0; margin-bottom:3em; padding-bottom: 0;}
	.speakers dd { font-size: 1.4em;}

	div.speakers {margin-bottom: 0; padding-bottom: 0;}

	img.bios {margin-right: 0.8em; border-radius:50%; float: left; clear:both; border: 4px solid #fff; background: #fff;}

	.projectname {font-style: italic; color: #63b6ad;}

	div.tickets {margin-top: 1em;}
	dd.tickets { font-size: 2em; }
	.tickets h1 {font-family: "freight-text-pro"; color: #63b6ad;
; margin-bottom: 1em;}

	.feature {font-size: 1.4em; font-weight: bold;}

	.sociallinks a {display: block; float: right; margin-right: 1em;}
	dd.bios {padding-bottom: 1em; padding-top: 1.5em; border-bottom: 2px solid #447575; }


    footer a, dd a { color: #fff; text-decoration: underline;}
    a {text-decoration: underline; font-weight: 100;}
    a:hover {text-decoration: none;}

table#schedule td { font-size: 1.2em; color: #555;}
blockquote { color: #888; }

.upcoming { font-size: 1em; color: #ff6600;}