main.css

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Merriweather', serif;
	background-color: #1c1c1c;
}

.container {
	max-width: 850px;
	margin: auto auto;	
}

.top-part {
	height: 500px;
	background: url("https://pixabay.com/static/uploads/photo/2016/02/26/00/11/courthouse-1223279_960_720.jpg")center bottom no-repeat;
	background-size: cover;
}

.header {
	max-width: 2000px;
	background: rgba(0, 0, 0, 0.5);
	height: 45px;
	padding: 10px 0;
	display: block;
}

.header .container {
	max-width: 1000px;
}

ul a{
	font-weight: bold;
	font-size: 25px;
	text-transform: uppercase;
}

ul{
	display: inline-block;
	color: #fff;
}

#logo {
	display: inline;
	margin-right: 30px;
	margin-top: auto;
	margin-bottom: auto;
	font-weight: bold;
	font-size: 25px;
	color: #fff;
}

#logo a{
	color: orange;
}

#logo a:hover{
	text-decoration: none;
	color: #4d94ff;
}


.pull-right li{
	display: inline;
	margin-left: 30px;
	margin-top: auto;
	margin-bottom: auto;
}

.pull-right li a {
	font-size: 15px;
	color: #fff;
}

.pull-right li a:hover{
	color: orange;
	text-decoration: none;
	border-bottom: 2px solid orange;
}

.jumbotron{
	background-color: transparent;
}

.jumbotron .container {
	background: rgba(0, 0, 0, 0.5);
	max-width: 940px;

}

.container h2{
	display: block;
	font-size: 3em;
	color: orange;
	text-align: center;
	text-shadow: 0 2px 3px rgba(0,0,0,.4);
}

#form {
	margin-top: 120px;
	position: absolute;
	left: 20%;
	top: 30%;
}

#search-box {
	width: 500px;
}

.column {
	margin-top: 60px;
}

.col-md-6 {
	text-align: center;
}

.col-md-6 img {
	height: 210px;
	width: 280px;
}

.col-md-6 h2 {
	color: #4d94ff;
	font-size: 2em;
	margin-bottom: 3em;
}