.markdown {
  padding-top: 3%;
}

.markdown h1 {
  font: 34px/21px 'HelveticaNeueCyr-Roman', HelveticaNeue-Roman;
  padding-bottom: 20px;
}

.markdown h3 {
  font-family: 'HelveticaNeueCyr-Roman', HelveticaNeue-Roman;
  padding-bottom: 15px;
}

.markdown strong {
  font-family: 'HelveticaNeueCyr-Bold', HelveticaNeue-Bold, normal;
}

.markdown p,
.markdown ul,
.markdown li {
  font: 16px/23px 'Arimo-Regular', normal;
  padding-bottom: 20px;
}

.markdown h4 {
  padding-top: 40px;
  font: 28px/21px 'HelveticaNeueCyr-Roman', HelveticaNeue-Roman;
  padding-bottom: 20px;
}

.markdown h4 span {
  font: 20px/23px 'HelveticaNeueCyr-Roman', HelveticaNeue-Roman;
}

.markdown .description {
  position: relative;
  cursor: pointer;
  margin-bottom: 15px;
}

.markdown .description-text p {
  padding-bottom: 0;
}

.markdown .description-text p span {
  color: #666666;
  font: 14px/20px 'Arimo-Regular', normal;
}

.markdown .description-text p {
  font: 14px/20px 'Arimo-Bold', normal;
}
/* Screen sizes */

/* Colors */

.article .article-title {
  font: 34px/37px 'HelveticaNeueCyr-Roman', HelveticaNeue-Roman;
}

.article .article-published-at {
  color: grey;
  margin-top: 15px;
}

.article .banner {
  height: 600px;
  width: 250px;
  border: black 1px solid;
  margin-top: 105px;
}
/* Screen sizes */

/* Colors */

.article-view {
  padding-top: 40px;
}

.article-view .banner {
  width: 250px;
  height: 600px;
}

.article-view .banner img {
  width: 100%;
  height: 100%;
}

.article-view .articles-feed {
  border-left: #ececec 2px solid;
  padding-left: 10px;
  margin-top: 40px;
}

.article-view .article-feed-head {
  margin-bottom: 20px;
}

.article-view .article-feed-head .timestamp {
  margin-bottom: 5px;
  color: grey;
}

.article-view .article-feed-head .article-link {
  font: 15px/15px 'Arimo-Regular', normal;
  color: black;
}