html, html body {
  box-sizing: border-box;
}

.content footer p:not(:last-child) {
  margin-bottom: 0;
}

.s1  { height: 1px; }
.s10 { height: 10px; }
.s20 { height: 20px; }
.s30 { height: 30px; }
.s40 { height: 40px; }
.s50 { height: 50px; }

.hs10 { margin-left: 10px; }
.hs20 { margin-left: 20px; }
.hs30 { margin-left: 30px; }
.hs40 { margin-left: 40px; }
.hs50 { margin-left: 50px; }


body, html {
  background: #FAFAFA;
}

.hero-body h1.title > a {
  text-decoration: none; border: 0;
}

.card-content p.title {
  margin-bottom: 31px;
}

.tags .tag.is-info {
  background-color: rgba(32, 156, 238, 0.8);
}

.tags .tag.is-primary {
  background-color: rgba(32, 156, 238, 1);
}

.social > li {
  display: inline-block;
  margin-right: 3px;
}

.social > li > a > .icon {
  filter: invert(100%);
}

/* helpers */

.align-right {
  float: right;
}

.updated_at_lable {
  margin-right: 3%;
  margin-top: 6px;
  padding-bottom: 10px;
}

.card > .card-image {
  min-height: 160px;
}

.card > .card-image > .card-image-custom {
  max-height: 160px;
  overflow: hidden;
}

.card > .card-image > .card-image-custom > img {
}