.art-body p, .art-preview p, .article_preview p {
  font-size: 16px;
  text-align: justify;
  text-indent: 25px;
}

.art-body p img, .art-preview p img, .article_preview p img {
  max-width: 600px;
  height: auto;
}

.art-body ul, .art-body ol, .art-body li, .art-preview ul, .art-preview ol, .art-preview li, .article_preview ul, .article_preview ol, .article_preview li {
  font-size: 16px;
}

.art-body .image, .art-preview .image, .article_preview .image {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.art-body .image img, .art-preview .image img, .article_preview .image img {
  max-width: 80%;
  max-height: 500px;
}

.art-body .image-style-side, .art-preview .image-style-side, .article_preview .image-style-side {
  display: inline;
  float: right;
}

@media screen and (max-width: 768px) {
  .art-body p, .art-preview p, .article_preview p {
    text-indent: 5px;
  }
  .art-body p img, .art-preview p img, .article_preview p img {
    max-width: 90%;
  }
  .art-body .image-style-side, .art-preview .image-style-side, .article_preview .image-style-side {
    display: block;
    float: none;
  }
}

.blog-art {
  margin-top: 30px;
  font-size: 16px;
}

.blog-art .art-header {
  display: block;
  font-size: 1.6em;
  line-height: 1em;
  font-family: 'Roboto Condensed';
  color: #000;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: solid 1px #CCC;
}

.blog-art .art-header:hover {
  color: #BCB4FF;
  text-decoration: none;
}

.blog-art .art-date {
  font-size: 0.9em;
  text-align: right;
  color: #666;
}

.blog-art .art-preview {
  text-align: justify;
  text-indent: 30px;
}

.blog-art .art-actions {
  text-align: left;
  padding-top: 10px;
}

.blog-art .art-actions .art-more {
  display: inline-block;
  font-size: 0.9em;
  color: #000;
  text-transform: uppercase;
}

.blog-art .art-actions .art-more:hover {
  text-decoration: underline;
}

.art-tags {
  margin-bottom: 10px;
  font-size: 0.9em;
  text-align: right;
}

.art-tags .art-tag {
  color: #000;
  text-decoration: underline;
  margin-left: 5px;
}

.tags-header {
  font-size: 20px;
  margin-bottom: 10px;
  text-align: center;
}

.tags-list {
  font-family: 'Roboto Condensed';
}

.tags-list .blog-tag {
  display: block;
  padding: 7px 5px;
  color: #000;
  background-color: rgba(188, 180, 255, 0.6);
  margin-bottom: 10px;
  text-transform: uppercase;
  /* color: #933;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px; */
}

.tags-list .blog-tag:hover {
  background-color: #BCB4FF;
  text-decoration: none;
}

.no-articles {
  margin-top: 10px;
}

.no-articles h3 {
  margin-top: 5px;
}

.blog-actions {
  margin-top: 20px;
}

.blog-actions a {
  font-size: 1.2em;
  color: #000;
  text-decoration: none;
}

.blog-actions a:hover {
  text-decoration: underline;
}

.art-header {
  font-family: 'Roboto Condensed';
  color: #444;
}

.art-date {
  text-align: right;
  margin-bottom: 10px;
}