body { background: #fbfbfc; }
.site-title { box-shadow: inset 0 -24px 0 #ffd700; }
.site-title.title-small { box-shadow: inset 0 -11px 0 #ffd700; }
.work-item { box-shadow: inset 0 -11px 0 #ffd700; }
.work-item.dribbble { box-shadow: inset 0 -11px 0 #FF80CC; }

.tracksuit-img {
  width: 420px;
  height: 420px;
  background: transparent url('images/webkit.png') no-repeat 0 0;
  background-size: cover;
}

.portfolio {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.portfolio-image {
  width: 100%;
  margin-bottom: 40px;
}

@media (min-width: 768px) {
  .portfolio-image { width: 48%; }
}

/* flexbox */
.d-flex { display: flex; }
.d-inline-flex {display: inline-flex; }

.justify-content { justify-content: flex-start; }
.justify-content-center { justify-content: center; }

.align-items { align-items: flex-start; }
.align-items-center { align-items: center;; }

.flex-wrap { flex-wrap: wrap; }
.flex-wrap-nowrap { flex-wrap: nowrap; }