header#header {
    border-bottom: solid 1px #ccc;
}


#ControlBar_ControlPanel ~ header#header {
    top: 54px;
}

section#main-content {
    padding: 40px 0;
}

div#blog {
    margin-top: 0px;
}

.content img{
	width: 100%;
}

.BlogDate {
    margin-left: 1%;
}

.blog-headline{
	/*min-height: 114px;*/
}
.blog-body{
border-bottom: 1px solid #ccc;
margin-bottom:10px;
}

#blog #content h1 {
     margin-left: 1%;
}

@media (min-width: 992px) {
#content{
	padding-left: 7%;
	padding-right: 10%;
}

}


@media (min-width: 992px) {
.blog-overview-image {
	margin-top: 0%;
	width: 100%;
}

#blog #content h2 {
	/*margin-left: 34%;*/
}


#content .button {
   /*margin-left: 445px;*/
}

.col-xs-12 .button {
   /*margin-left: 35%;*/
}


}

a.blog-link{
	 display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

/* Blog content flex container */
.blog-flex-row {
    display: flex;
}

/* Optional default padding/image behavior */
.blog-flex-side img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Stack on small screens */
@media (max-width: 768px) {
    .blog-flex-row {
        flex-direction: column;
    }
}