body {
  background: #f8f8f8;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.brand-label {
  color: #777;
}

.brand {
  font-variant: small-caps;
}

.brand-icon {
  margin-left: 10px;
}

.header {
  background-image: url("/assets/images/background.jpg");
  height: 350px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.header-brand {
  margin: 0 50px 0 50px;
}

.footer {
  margin-top: 20px;
  border-top: 1px solid #ddd;
  padding: 20px 0 20px 0;
}

.main-container {
  flex: 1;
  padding-top: 20px;
}

@media (max-width: 1200px) {
  .main-container {
    max-width: 90%;
  }
}

a.uk-link-muted:hover {
  text-decoration: none;
}

.label {
  background: #999;
}

.badge {
  background: #999;
}

.footer-icon {
  margin-left: 20px;
}

.post-card {
  margin-bottom: 20px;
}

.align-right {
  text-align: right;
}

a.uk-label {
  color: #fff;
}

a.uk-label:hover {
  text-decoration: none;
  background: #333;
}

.count {
  font-size: small;
}