/** $string - svg */
/** add unique id image url */
/** https://webdesign.tutsplus.com/tutorials/an-introduction-to-error-handling-in-sass--cms-19996 */
/** get breakpoint */
/** font size */
/** keyframe */
.archive-post {
  padding-top: 1.875rem;
}
@media only screen and (min-width: 64rem) {
  .archive-post {
    padding-top: 3.75rem;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .archive-post .posts-list {
    margin: 0 -5px;
  }
}
.archive-post .posts-list .item-posts {
  width: 33.3333333333%;
  padding: 0 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 47.99875rem) {
  .archive-post .posts-list .item-posts {
    width: 50%;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 39.99875rem) {
  .archive-post .posts-list .item-posts {
    padding: 0 5px;
    width: 100%;
  }
}

.archive-service .posts-list .item-posts {
  width: 50%;
  padding: 0 25px;
}
.archive-service .posts-list .item-posts {
  margin-bottom: 1.5625rem;
}
@media only screen and (min-width: 48rem) {
  .archive-service .posts-list .item-posts {
    margin-bottom: 2.1875rem;
  }
}
@media only screen and (min-width: 64rem) {
  .archive-service .posts-list .item-posts {
    margin-bottom: 3.125rem;
  }
}
@media only screen and (max-width: 63.99875rem) {
  .archive-service .posts-list .item-posts {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 47.99875rem) {
  .archive-service .posts-list .item-posts {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 39.99875rem) {
  .archive-service .posts-list .item-posts {
    width: 100%;
    padding: 0 5px;
  }
}
.archive-service .posts-list .item-posts:hover .posts-content {
  transition: all 0.3s;
}
.archive-service .posts-list .item-posts:hover .posts-content .title a {
  color: #e67027;
}
.archive-service .posts-list .item-posts .posts-content {
  padding-bottom: 20px;
}
.archive-service .posts-list .item-posts .posts-content .title {
  line-height: 1.3;
  text-transform: none;
  margin-bottom: 12px;
}
.archive-service .posts-list .item-posts .posts-content .title {
  font-size: 1.125rem;
}
@media only screen and (min-width: 48rem) {
  .archive-service .posts-list .item-posts .posts-content .title {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 64rem) {
  .archive-service .posts-list .item-posts .posts-content .title {
    font-size: 2.125rem;
  }
}
.archive-service .posts-list .item-posts .posts-content .title a {
  color: #005ab5;
}
.archive-service .posts-list .item-posts .posts-content .posts-excerpt {
  color: #414754;
}
.archive-service .posts-list .item-posts .posts-content .posts-excerpt {
  font-size: 0.9375rem;
}
@media only screen and (min-width: 48rem) {
  .archive-service .posts-list .item-posts .posts-content .posts-excerpt {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 64rem) {
  .archive-service .posts-list .item-posts .posts-content .posts-excerpt {
    font-size: 1.0625rem;
  }
}