.blog-list{max-width:100%;overflow:auto;margin-bottom:15px}
@media screen and (min-width:768px){.blog-list{margin-bottom:30px}
}
.blog-list li{list-style-type:none;margin:0}
.blog-list article{border-bottom:1px solid #ccc;margin-bottom:15px;padding-bottom:15px}
@media screen and (min-width:768px){.blog-list article{margin-bottom:20px;padding-bottom:20px}
}
.blog-list article img{width:100%;margin-bottom:10px}
.blog-list header{overflow:auto;padding-bottom:10px}
.blog-list header img{width:50px;float:right;margin-bottom:0}
@media screen and (min-width:768px){.blog-list header img{width:60px}
}
.blog-list header p{float:left;margin-bottom:0}
.blog-list header span{padding-left:4px}
.blog-list h2{width:calc(-55px - -100%);float:left;margin-bottom:10px}
@media screen and (min-width:768px){.blog-list h2{width:calc(-65px - -100%)}
}
.blog-list p{margin-bottom:10px}
.blog-list-readmore{margin-bottom:10px;cursor:pointer;font-weight:bold}
.blog-list nav{min-height:30px}
.blog-list-nav-left{float:left;font-weight:bold;cursor:pointer}
.blog-list-nav-right{float:right;font-weight:bold;cursor:pointer}
.blog-list-feed{color:orange;cursor:pointer;font-size:28px;display:inline-block;margin-top:25px;margin-bottom:25px}
.blog-list-feed:hover{text-decoration:none}
@media screen and (min-width:768px){.blog-list-feed{margin-top:50px}
}