@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300|Roboto+Slab:400,300,100,700);
#header{
	width: 100%;
	padding: 0px;
	margin: 0 auto;
}

header img {width: 100%; padding: 0; margin-top: -30px;}

.navbar-inverse {background-color: #990026; background-image: linear-gradient(to bottom, #990026 0px, #990026 100%); color: white; border: none;}
.navbar-inverse .navbar-brand {color: white;}
.navbar-inverse .navbar-nav > li > a:link, .navbar-inverse .navbar-nav > li > a:visited {color: white;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:active {color: gray;}
.navbar {border-radius: 0; margin-bottom: 0;}

#header img{
	margin: 0 auto;
	margin-top: -40px;
	padding: 0;
}
#body{
	padding: 0px 20px;
	background-color: #faebd7;
}
#times{
	font-family: "Oswald", sans-serif;
	text-align: center;
	font-weight: 300;
}
#times strong{
	color: #AB0535;
}

#speakers div{float: none;}
.speaker-day{float: left; color: #AB0535; font-family: "Oswald", sans-serif; margin-left: -15px;}
.speaker{width: 48%; display: inline-table; float: left; padding-right: 25px;}
.speaker-img img{max-width: 150px; height: auto; float: left; padding-right: 15px; padding-bottom: 15px;}
.speaker-time, .speaker-name{color: #AB0535; font-family: "Oswald", sans-serif;	font-size: 15px;}
.speaker-title p{color: #333;font-family: 'Oswald', sans-serif;}

.thespeaker {display: block;}
.thespeaker img {max-width: 150px; height: auto; float: left; padding-right: 15px;}

h3 {font-family: "Oswald", sans-serif; font-size: 25px;  padding-bottom: 5px; border-bottom: 1px solid black; color: #AB0535; padding-top: 25px; }
h4 {font-family: "Oswald", sans-serif;}
h5 {font-family: "Oswald", sans-serif; color: #AB0535; font-weight: bold; font-size: 115%;}

body{background-color: #faebd7;}
#footer{
	background-color: #4C3E34;
	text-align: center;
	color: #faebd7;
	margin: 0px -20px;
}
#footer img{
	display: block;
	margin: 0 auto;
	padding: 20px 10px;
}

@media only screen and (max-width: 768px) {
.speaker{width: 100%; display: inline-table; float: left; padding-right: 0; margin: 0;}
.navbar {text-align: center;}
.navbar-inverse .navbar-brand {float: none; display: block;}
.navbar-nav {margin: 0;}
header img {margin-top: -20px;}
h2 {font-size: 130%;}
}
