html,
body {
	padding-bottom: 60px;
	background: #01155a;
}

header {
	margin-bottom: 32px;
}

footer {
	padding-top: 2em;
	padding-bottom: 2em;
}

.content {
	background: #FFFFFF;
	padding-bottom: 6em;
}

.btn-primary,
.btn-secondary {
	padding: 18px 35px;
	border: none;
	border-radius: 35px 0px 35px 35px;
}

.btn-primary {
	background-color: #01155a;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #ff4618;
}

.btn-secondary {
	background-color: #ff4618;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background-color: #01155a;
}

.btn-block {
	display: block;
	width: 100%;
}

.progress-bar {
	background-color: #ff4618 !important;
}

.bg-mybeats {
	background-color: #01155a;
}

.bg-mybeats .btn-primary {
	background-color: #ff4618;
}

.bg-mybeats .btn-primary:hover,
.bg-mybeats .btn-primary:focus {
	color: #212529;
	background-color: #FFFFFF;
}

a,
.nav-link {
	color: #ff4618;
}

/* Setup Progress Bar */

#progressbar {
	margin: 0 0 48px 0;
	padding: 0;
}

#progressbar li {
	position: relative;
	list-style-type: none;
	display: block;
	float: left;
	width: 100%;
	font-weight: bold;
	color: #bebebe;
	padding-bottom: 8px;
	border-bottom: 4px solid #bebebe;
}

#progressbar li.complete {
	color: #01155a;
	border-color: #01155a;
}


#progressbar li.active {
	color: #ff4618;
	border-color: #ff4618;
}