.articles {
  width:100%;
  max-width:1024px;
  margin:0 auto;
  margin-top:40px;
  margin-bottom:20px;  
}
.articles .item {
  margin-bottom:50px;
  float:left;
  width:100%;
}
.articles .readmore a {
  float:right;
  display:block;
  text-align:center;
  text-decoration:none;
  padding:2px 7px 2px 7px;
}
.articles .image img {
  object-fit: cover;
  width: 250px;
  height: 250px;
  border: 0px;
  float:left;
  margin-right:30px;
  margin-bottom:20px;  
}
.articles .image a:hover img, .article .image a:hover img, .gallery a:hover  {
  opacity:0.8;
}
.article {
  margin: auto;
  margin-top:10px;
  margin-bottom:20px;
}
.title H1{
  text-align:center
}
.article .image img {
  width:100%;
  max-width:250px;
  float:left;
  margin-right:30px;
  margin-bottom:20px;  
}    
.createtime {
  margin-top:-15px;
}
.gallery {
  clear:left;
  float:left;
  margin-bottom:30px;
  width:100%;
}
.gallery-imagebox {
    float: left;
    width: 32%;
    vertical-align: middle;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 2px;
}
.image-link {
    display: block;
    padding-top: 70%;
    vertical-align: middle;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.gallery-imagetitle {
    background:silver;
    background-color:#F0F0F0;
    padding-left:5px;
    padding-right:5px;
}

@media screen and (max-width: 600px) {
  .gallery-imagebox {
    width:90%;
    clear:left;
  }
  .articles .image img {
    width: 100%;
  }
}