@media only screen {
	p {
		font-size: 1.7em;
		line-height: 1.3em;
	}
	
	#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;

	}

	.speakers dd.date {
		color: #63b6ad;
		font-size: 1.4em;
		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;}
	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: 2.5em;
		line-height: 1.45em;
	}
	
	#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 {
	background: #558788; /* purple */
}

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

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

#orbital { 
	font-family: "nimbus-sans";
	color: #fff;
/*	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;
}

a {
	color: #9fd7c6;
}

a:hover {
 color: #ed8a8b;
color: #c5e4f1; /* reclaimed light blue */    
color: #991f17; /* reclaimed red */
color: #321c15; /* reclaimed brown */


} 

p {
color: #ed8a8b;
color: #664132; /* reclaimed light brown */
color: #fff;
}


#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: 2em;
	padding-bottom: 0em;
	text-align: center;
}

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

	#subtitle {
		font-size: 2em;
		text-align: center;
		display: block;
		color: #fff;
	}
	
	#eventdate {
		display: block;
		color: #fff;
		
		letter-spacing: .15em;
		display: block;
		margin-top: .8em;
		font-size: 1.4em;
		color: #63b6ad;
		font-weight: 100;
		line-height: 1.4em;

	}
	
	
	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;}
		
/*
	.accordion {
  *zoom: 1;
  margin-bottom: 0; }
  .accordion:before, .accordion:after {
    content: " ";
    display: table; }
  .accordion:after {
    clear: both; }
  .accordion dd {
    display: block;
    margin-bottom: 0 !important; }
    .accordion dd.active > a {
      background: #2d253a; }
    .accordion dd > a {
      background: #558788;
      color: #fff;
      padding: 0.5rem;
      display: block;
      font-family: "freight-text-pro", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 1.4rem; }
      .accordion dd > a:hover {
        background: #2d253a; }
  .accordion .content {
    display: none;
    padding: 1.9375em;
     }
    .accordion .content.active {
      display: block;
      background: #447575;
}
*/
	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; }

.button {
	font-size: 0.75em;
	margin-top: 2em;
	letter-spacing: .01em;
	font-family: "nimbus-sans";
  background-color: #3e2f4c;
  border-color: #080e60;
  color: white;
  transition: background-color 300ms ease-out; }
  button:hover, button:focus, .button:hover, .button:focus {
    background-color: #94d7c6; }
  button:hover, button:focus, .button:hover, .button:focus {
    color: white; }
    
    }