/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
  padding-bottom: 20px;
}
	body {
	font-size:16px;
	}
	
	.navbar-default .navbar-brand {
		color: #fff;
		font-weight: bold;
	}	
	
	.navbar-default {
    background-color: #1e517d;
    border-color: #28629a;
}
	
	div#theprogressbarcontainer {
    background: rgba(0,0,0,0.05);
	}
	
	#theprogressbar {
		transition:all 1s ease-in-out;
	}

	.progress {
    height: 65px;
	}
	
	.progress-meter {
	min-height: 15px;
	border-bottom: 2px solid #fff;
	}

	.progress-meter > .meter {
		position: relative;
		float: left;
		min-height: 15px;
		border-width: 0px;
		border-style: solid;
		border-color: #fff;
	}

	.progress-meter > .meter-left {
		border-left-width: 2px;
	}

	.progress-meter > .meter-right {
		float: right;
		border-right-width: 2px;
	}

	.progress-meter > .meter-right:last-child {
		border-left-width: 0px;
	}

	.progress-meter > .meter > .meter-text {
		position: absolute;
		display: inline-block;
		bottom: -20px;
		width: 100%;
		font-weight: 700;
		font-size: 0.85em;
		color: #fff;
		text-align: left;
	}

	.progress-meter > .meter.meter-right > .meter-text {
		text-align: right;
	}
	
	
	div#speedrun {
    margin: 10px 0;
    padding: 10px;
    background: rgba(0,0,0,0.1);
    min-height: 180px;
	    box-shadow: 0px 0px 67px rgba(56, 121, 191, 0.2);
		border-radius: 7px;
	}
	.well {
		margin:10px 0;
	}
	.pic-holder {
		margin: 10px 0;
		width: 100%;
	}
	.pic {
		width:100%;
	
	}
	
.counterbox {
    background: #336699;
    color: white;
    padding: 10px;
    font-size: 21px;
    text-align: center;
    background-image: url(images/controller.png);
    background-repeat: no-repeat;
    background-size: 100px;
	background-position-y: -5px;
	margin:10px 0;
}

.socialbuttslol {
    float: right;
}

.fb-like {
    margin-top: -2px;
    margin-left: 10px;
    margin-right: 5px;
}

.jumbotron {
	background-color: #006699;
	    padding-top: 68px;
	}

@media screen and (min-width: 1280px) {
.jumbotron {	
	background-image: url(images/sideface.png);
    background-repeat: no-repeat;
    background-size: 400px;
	background-position-x:-50px;
	background-position-y:60px;
}}

.jumbotron h1 {
    font-family: 'Alfa Slab One', "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 10px;
    color: rgba(0,0,0,.25);
    font-size: 108px;
    text-align: center;
    text-shadow: #eee 5px 5px 0px;
	
}

	

@media screen and (max-width: 768px) {
	.jumbotron h1 {
		    font-size: 68px;
	}
	
}

.jumbotron p, #completion {
	color:#fff;
}

.jumbotron p {
	padding-top:20px;
	}

#completion {
	padding:5px 0;
	}

#fun-button {
	font-size:30px;
	margin:20px 0;
}

.bio {
min-height:120px;
}

#social {
	background:rgba(0,0,0,0.05);
	position:fixed;
	text-align:right;
	padding:10px 150px;
	width:100%;
	}
footer p {
margin:0px;
}