style.css

body {
  padding-top: 30px;
  padding-bottom: 30px;
}

dd {
	margin-bottom: .8em;
}

.container .jumbotron {
	background: url(http://farm8.staticflickr.com/7030/6806010939_041f74eaaf_b.jpg) no-repeat left top;
	background-size: cover;
	padding: 100px 0 0;
}
.container .jumbotron header {
	background: rgba(0,0,0,0.6);
	border-radius: 0px 0px 6px 6px;
	color: #ffffff;
	padding: 10px 20px;
}
.container .jumbotron h1 {
	font-size: 28px;
}
.container .jumbotron h2 {
	font-size: 18px;
}
.container .jumbotron h1 span {
	color: #22bbe5;
}

.book-iframe {
	width: 100%;
}

.sidenav.affix {
	top: 20px;
	position: static;
}
.sidenav .active {
	background: #eee;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.m9LWamj9.dpuf */

.table tbody>tr>td.level { white-space: nowrap; }
.table tbody>tr>td.level-0 { padding-left: 13px; }
.table tbody>tr>td.level-1 { padding-left: 26px; }
.table tbody>tr>td.level-2 { padding-left: 39px; }
.table tbody>tr>td.level-3 { padding-left: 52px; }
.table tbody>tr>td.level-4 { padding-left: 65px; }
.table tbody>tr>td.level-5 { padding-left: 78px; }
.table tbody>tr>td.level-6 { padding-left: 91px; }

@media (min-width:768px) {
	.container .jumbotron header {
		padding: 10px 60px;
	}
	.container .jumbotron h1 {
		font-size: 36px;
	}
	.container .jumbotron h2 {
		font-size: 24px;
	}
	.book-iframe {
		float: right;
		margin-left: 40px;
	}
}

@media (min-width:768px) and (max-width:991px) {
	.sidenav.affix {
		width: 158px;
		position: fixed;
	}
}

@media (min-width:992px) {
	.sidenav.affix {
		width: 213px;
		position: fixed;
	}
}