#header-bottom-container {
	margin-bottom:0;
}

.dark-container {
	background-color: #001c71
}
.grey-container {
	background-color: #666564
}
.white-border {
	border-top: 1px solid #fff;
}
.centered {
	margin-left: auto;
	margin-right: auto;
}
.padded {
	padding: 1rem 0
}

.record-details{
	background-color: #fff;
    max-width: 25rem;
    padding: 1.875rem 2.9rem 0.51rem 2.9rem;
    position: relative;
}

.record-image{
	float: left;
	margin-right: 20px;
	margin-right: 1.25rem;
	width: 108px;
}

.record-title{
	color: #3c3935;
	font-weight: 600;
	font-size: 1.125rem;
	/*margin-top: 8px;*/
	line-height: 22px; /* IE8 fallback */
	line-height: 1.375rem;
	margin-bottom: 10px;
}

.record-author{
	color: #333; /*#5ba61b; */
	font-size: 1em;
	line-height: 22px; /* IE8 fallback */
	line-height: 1.375em;
}

.record-format{
	color: #7c7c7c;
	font-size: 1em;
	margin-top: 10px;
}

.border-accent {
	position: relative;
}

.border-accent:before{
	content: " ";
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	height: 2px;
	margin: 0 auto;
	width: 80%;  /* or 100px */
	border-bottom: 2px solid #001c71;
}

.clear-float-bottom:after{
	content: " ";
	clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}

#message-area{
	margin-left: 0;
	width: auto;
	padding: 1em;
}

@media (max-width: 48em){

	h1 {
		font-size:30px;
		line-height: 34px;
		padding-bottom: 10px;
	}	
}

@media (max-width: 25.875em) /*414px*/ {

	.border-accent:before{
		width: 95%;
	}

}