h1.blog-title {
    color: #2B4675;
    text-transform: uppercase;
    margin: 30px 0;
    font-size: 50px;
}

.blog_list {
    margin-bottom: 80px;
}

.blog_search {
    padding: 10px;
    background: #E0E0E0;
    margin: 20px 10px 10px;
}

.blog_search .row {
    margin: 0;
    padding: 0;
}

.blog-post {
    margin-bottom: 50px !important;
}

.blog-post .card {
    height: 100%;
    box-shadow: 0px 4px 10px rgba(135, 135, 135, 0.274);
}

.blog-post h5.card-title {
    font-size: 23px;
    font-weight: 400;
}

.blog-post h5.card-title a {
    color: #2D5880;
    display: block;
}

.blog-post h3.card-title {
    font-size: 23px;
    font-weight: 400;
}

.blog-post h3.card-title a {
    color: #2D5880;
    display: block;
}

.autorline {
    margin-bottom: 15px;
    padding-bottom: 15px;
    /*margin-top: 15px;*/
    /*padding-top: 15px;*/
    border-bottom: 3px dotted #3674AE;
    /*border-top: 3px dotted #3674AE;*/
}

.blog-post .img {
    /*height: 292px;*/
    /*line-height: 284px;*/
    /*border: 1px solid #D3D3D3;*/
    text-align: center;
    background: #A1B3D2;
    max-height: 260px;
    overflow: hidden;
}

.blog-post .img a {
    display: block;
    text-align: center;
    height: 100%;
}

.blog-post .img img {
    display: inline-block;
    /*object-fit: contain;*/
    /*text-align: center;*/
    /*width: auto;*/
}

.blog-post .img-gray a:before {
    font-family: "fontAwesome";
    font-size: 100px;
    color: #F1F1F1;
    margin-right: 7px;
    vertical-align: -159px;
    content: "\f03e";
}

.blog-post .img-thumbnail {
    width: 50%;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    float: right;
    margin-left: 50px;
}

.blog-post .img-thumbnail img {
    max-width: 100%;
}

.blog-post .more {
    font-weight: normal;
}

.blog-post .more a {
    color: #A50101;
}

.blog-post .more:after {
    font-family: "fontAwesome";
    font-size: 15px;
    color: #280202;
    margin-left: 3px;
    vertical-align: -1px;
    content: "\f105";
}

.blog_list .blog-post .avatar {
    max-width: 100px;
    position: absolute;
    right: -13px;
    top: -13px;
}

.blog_list .blog-post .avatar img {
    border: 2px solid #FFF;
    border-radius: 150px;
    overflow: hidden;
    max-width: 100px;
}

.blog-main .avatar {
    max-width: 150px;
}

.blog-main .avatar img {
    max-width: 100%;
    float: left;
    margin: 0 30px 20px 0;
}

/*.blog_list
{
	padding-right: 60px;
}*/
.blog-post .long_desc {
    /*padding-left: 30px;*/
    /*border-left: 5px solid #E7E7E7;*/
    /*font-size: 15px;*/
    /*line-height: 140%;*/
    margin-top: 20px;
}

.blog-post .long_desc ol {
    list-style: numeric outside !important;
}

.blog-post .long_desc ol li {
    list-style: numeric outside !important;
    padding: 0 0 0 8px;
    margin: 5px 0 5px 30px;
}

.blog-post .long_desc ul {
    padding: 0 0 0 8px;
    margin: 5px 0 5px 8px;
}

.blog-post .long_desc ul li {
    list-style-type: disc;
    padding: 0 0 0 3px;
    margin: 5px 0;
}

@media (max-width: 575px) {
    h1 {
        font-size: 30px;
    }
    
    .blog_search input {
        /*max-width: 236px;*/
    }
    
    .blog_search {
        margin: 0 0 20px 0;
    }
    
    .blog-post .img-thumbnail {
        width: 100%;
        float: none;
        margin-left: 0;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    h1 {
        font-size: 32px;
    }
    
    .blog_search input {
        max-width: 236px;
    }
    
    .blog-post .img-thumbnail {
        width: 100%;
        float: none;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog-post .img {
        max-height: 189px;
    }
    
    h1 {
        font-size: 32px;
    }
    
    .blog_search input {
        max-width: 210px;
    }
    
    .blog-post .img-thumbnail {
        width: 100%;
        float: none;
        margin-left: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .blog-post .img {
        max-height: 189px;
    }
    
    h1 {
        font-size: 40px;
    }
}

@media (min-width: 1200px) and (max-width: 1369px) {
    .blog-post .img {
        max-height: 165px;
    }
}

@media (min-width: 1370px) {
    .blog_list {
        margin-right: 5%;
        margin-left: 5%;
    }
    
    .index-line .Stories_index {
        margin-right: 5%;
        margin-left: 5%;
    }
}