/*BLOG-POST*/
#blog-post {padding:64px 0;}
#blog-post .content-holder {width:100%;display:inline-block;}
#blog-post .content-holder li {float:left;display:inline-block;}
#blog-post .left-content {width:80%;}
#blog-post .right-content {width:20%;}
#blog-post .post-overview {padding:0 16px;}
#blog-post .separate-line {width:100%;border:none;height:1px;margin:8px 0;display:inline-block;}
#blog-post .top-content {width:100%;}
#blog-post .image-holder {display:block;width:96px;height:96px;border-radius:64px;overflow:hidden;float:left;margin:8px 0;}
#blog-post .author-img {width:100%;}
#blog-post .author-label {margin:8px;float:left;}
#blog-post .date-label {margin:8px 0 0 8px;float:right;font-size:14px;}
#blog-post .date-icon {width:14px;height:14px;margin-right:4px;}
#blog-post .teaser-text {margin:32px 0;font-size:20px;}
#blog-post .header-text {font-weight:bold;margin:16px 0;}
#blog-post .continuation-text {margin:16px 0;}
#blog-post .about-the-author {width:100%;margin-top:64px;}
#blog-post .author-information {width:30%;float:left;text-align:center;}
#blog-post .name-label-about {float:left;text-align:center;margin:8px auto;}
#blog-post .image-holder-about {display:block;width:160px;height:160px;border-radius:80px;overflow:hidden;float:left;margin:8px 0;}
#blog-post .author-img-about {width:100%;}
#blog-post .about-the-author-text {width:70%;float:right;}
/*CALL-TO-ACTION*/
#call-to-action .surrounder {margin:128px auto;padding:64px 0 128px 0;}
#call-to-action .button {margin-top:64px;}
@media screen and (max-width: 1600px) {
    /*BLOG-POST*/
    #blog-post .teaser-text {font-size:18px;}
}
@media screen and (max-width: 1300px) {
    /*BLOG-POST*/
    #blog-post .left-content {width:100%;}
    #blog-post .right-content {width:100%;}
}

@media screen and (max-width: 1000px) {

}
@media screen and (max-width: 800px) {
    /*BLOG-POST*/
    #blog-post .teaser-text {font-size:17px;}
    #blog-post .about-the-author {text-align:center;}
    #blog-post .author-information {width:100%;}
    #blog-post .image-holder-about {margin:8px auto;float:none;}
    #blog-post .name-label-about {float:none;}
    #blog-post .about-the-author-text {width:100%;text-align:left;}
}

@media screen and (max-width: 600px) {
    /*BLOG-POST*/
    #blog-post .top-content {text-align:center;}
    #blog-post .image-holder {margin:8px auto;float:none;}
    #blog-post .date-label {width:100%;margin-bottom:8px;}
    #blog-post .author-label {width:100%;margin:8px 0;}
}