/* Reduce header size */
.blog-header {
  padding-top: calc(4rem + 4vw);
}
.blog-header.has-cover {
  padding-top: calc(4rem + 4vw);
}
.blog-header .blog-box {
  padding-bottom: calc(2rem + 4vw);
}
.blog-header.has-cover .blog-box {
  padding-bottom: calc(2rem + 4vw);
}
.post-header {
  padding-top: calc(4rem + 4vw);
  padding-bottom: 0;
  margin-bottom: calc(4rem + 2vw);
}
.post-header.has-cover {
  padding-top: calc(4rem + 4vw);
  padding-bottom: 0;
  margin-bottom: calc(4rem + 2vw);
}
.post-header .post-title {
  padding-bottom: calc(2rem + 4vw);
  margin-bottom: 0;
}
.archive.archive-box {
  padding-bottom: calc(4rem + 2vw);
}
.container .post .post-box {
  padding-top: calc(2rem + 2vw);
  padding-bottom: 0rem;
}

/* Do not add extra margins to images */
.post-content img {
  margin: auto;
}

/* Teaser images */
.teaser {
}
.teaser img {
  max-height: 15rem;
  margin: 0 0 4rem;
}

/* Guide contents */
.guide {
}
.guide h2 {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}
.guide p {
  margin-bottom: 1.5rem;
  line-height: 1.75em;
}
.legend-item {
  display: inline-block;
  width: 11em;
}
.legend-item .tag-icon {
  width: 1.28571429em;
  text-align: center;
}

.tag-icon .emoji {
  filter: grayscale(100%) brightness(0%);
  display: inline-block;
  font-size: 1.1em;
  line-height: 0.75em;
  vertical-align: 20%;
}
.tag-icon .material-icons {
  display: inline-block;
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.tag-icon .fa {
  display: inline-block;
  width: 1em;
  text-align: center;
  font-size: 1.33333333em;
  line-height: 0.75em;
}
.tag-icon img.img-icon {
  display: inline-block;
  height: 1em;
  padding: 0px .23em;
  margin: 0px;
}