@font-face {
  font-family: 'Jaapokki';
  src: url("/fonts/jaapokki/jaapokki-regular-webfont.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/open-sans/OpenSans-Light-webfont.woff") format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/open-sans/OpenSans-Regular-webfont.woff") format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  src: url("/fonts/open-sans/OpenSans-Semibold-webfont.woff") format('woff');
  font-weight: 600;
  font-style: normal;
}
body {
  margin-top: 54px;
  font-family: 'Open Sans', sans-serif;
}
.pj-text-primary {
  color: #35b673;
}
.pj-text-secondary {
  color: #002a3a;
}
.pj-text-accent {
  color: #f05c5b;
}
.pj-text-neutral {
  color: #f3ebe5;
}
.pj-bg-primary {
  background-color: #35b673;
}
.pj-bg-secondary {
  background-color: #002a3a;
}
.pj-bg-accent {
  background-color: #f05c5b;
}
.pj-bg-neutral {
  background-color: #f3ebe5;
}
.pj-bg-img {
  background: #002a3a url("/img/projectus-header.jpg") center/cover no-repeat;
}
.pj-border {
  border-width: 2px;
  border-style: solid;
}
.pj-border-thick {
  border-width: 4px;
}
.pj-border-thicker {
  border-width: 6px;
}
.pj-border-primary {
  border-color: #35b673;
}
.pj-border-secondary {
  border-color: #002a3a;
}
.pj-border-accent {
  border-color: #f05c5b;
}
.pj-border-neutral {
  border-color: #f3ebe5;
}
.pj-font-display {
  font-family: 'Jaapokki', sans-serif;
}