.blogs-content {
  margin: 20px 30px 0;
  padding: 20px;
  box-sizing: border-box;
  min-height: 66.5vh;
}
.blogs-content p,
.blogs-content h3 {
  margin: 5px 0;
  color: #666;
}
.blogs-main {
  width: 100%;
  display: inline-block;
}
.blogs-main .blogs {
  width: 30%;
  display: block;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
    rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  border-radius: 2px;
  float: left;
  margin: 20px;
  box-sizing: border-box;
}
.blogs-content .blogs h3 a {
  text-decoration: none;
  color: #181616;
}
.blogs-content .blogs a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 600px) {
  .blogs-main .blogs {
    width: 98%;
    margin: 20px auto;
  }
}
.blogs .desc {
  padding: 20px;
  padding-top: 0;
  box-sizing: border-box;
}
.blogs img {
  width: 100%;
}

@media only screen and (max-width: 600px) {
  .blogs-content {
    margin: auto;
  }
  #quick-query {
    display: none;
  }
}