p {margin: 1rem;}

h1, h3 {margin: 0;}

html {padding: 1rem 10px; padding-bottom: 100px}
 
html div {font-family: georgia;}
 
 #container {
	max-width: 880px;
	margin: 0 auto;
}

ul {margin-bottom: 0;}

.content {line-height: 2em;}

div.row {margin-left: 2px; margin-right: 2px;}
div.row>div {padding: 0;}

#container h1 {float: left; margin: 0 0 10px 0; font-family: georgia}
#container h1 span {font-size: 1.35em;}
#container h1 a {color: #000}
#container h1 a:hover {text-decoration: none;}

#contentcontainer img, #contentcontainer audio {margin: 8px 0;}
#contentcontainer div.row.section>div {margin-top: 3rem;}
#contentcontainer div.row.section:first-child {margin-top: -3rem}
#contentcontainer .title {margin-bottom: 1rem}
#contentcontainer ul {padding-left: 18px;}

#nav-contact {
	line-height: 1.4em;
	float: right;
	position: relative;
	top: 10px
}

#nav-contact li {list-style-type: none}

#nav-main {clear: both;}

#nav-main li>a {padding-left: 25px; padding-right: 25px;}

#nav-main div {font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;}

#nav-main .navbar-brand {display: none;}

@media (min-width: 768px) {
	.navbar .navbar-nav {
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	
	.navbar .navbar-collapse {text-align: center;}
}
@media (max-width: 869px) {
	#nav-main li>a {
		padding-left: 18px;
		padding-right: 18px;
	}
}
@media (max-width: 767px) {
	#contentcontainer {padding-left: 0; padding-right: 0;}
	#nav-main .navbar-brand {display: block;}
}

@media (max-width: 489px) {
	#nav-contact {
		clear: both;
		top: -10px;
		text-align: center;
		float: none;
	}
	#nav-contact {padding: 0}
	#nav-contact li {display: inline}
	#nav-contact li:first-child {padding-right: 20px}
}