html {
	mid-width: 400px;
}

body {
  background-color: #eee;
}
.header-style {
	border-radius: 0px;
}
.navbar-nav {
	float: right;
}
.navbar-toggle {
	border:1px solid white;
}
.icon-bar {
	background-color:white;
}

hr {
	background-color: #383838;
}

.intro {
  padding: 40px 15px; 
  text-align: center;
}
@media(max-width: 991px) {
	.intro {
		padding-top: 0px;
	}
}

.section {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 35px 20% 100px 20%;
/*	border-top: 1px solid #aaa;*/
	min-height: 500px;
}
@media(max-width:767px){
	.section {
		padding-left: 10px;
		padding-right: 10px;
	}
}
.section:first-child {
	padding-left: 15px;
	padding-right: 15px;
}
.section:nth-child(even) {
	background-color: #383838;
	color: white;
}
.section:nth-child(even) a{
	color: #4996d8;
}
.section:nth-child(even) a:hover{
	color: #3778af;
}

h1{
	font-size: 30px;
}
h2{
	font-size: 22px;
	margin-top: 40px;
}
.header-style {
	background-color: #383838;
	border: none;
}
.header-style a {
	color : #eee;
}
.header-style a:hover {
	color : black;
}
a.navbar-brand:hover {
	color: #ccc;
}
.picture {
	max-width: 100%;
	height: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
@media(min-width:992px) {
	.picture {
		float: right;
	}
}

.courses {
	margin-bottom: 10px;
}
.courses td {
	padding-left:10px;
	padding-right:10px;
}
.courses caption {
	font-size: 18px;
}
.courses tr td:first-child {
	vertical-align: top;
}


.contact td {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.current-class {
	font-weight: bold;
}

.footer {
	text-align: center; 
	background-color: #383838;
	color: white;
	min-height: 50px;
	padding-top: 10px;
}