body {
  background-color: #ffffff;
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}
/* Typography */
body,
h1,
h2,
h3,
h4,
h5,
p,
a {
  font-size: 15px;
  line-height: 150%;
  color: #575656;
}
@media (min-width: 768px) {
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  p,
  a {
    font-size: 20px;
  }
}
h1 {
  font-size: 3em;
  font-weight: 300;
  font-family: 'Slabo 27px', serif;
}
h3 {
  font-size: 1.5em;
  font-weight: 300;
  font-family: 'Slabo 27px', serif;
}
ul {
  padding: 0;
  margin: 0;
}
li {
  list-style: none;
}
a:hover {
  text-decoration: none;
  color: #FFFFFF;
}
/* Animation */
a,
i {
  transition: all 0.3s ease-in-out;
}
.large {
  font-size: 1.2em;
}
.background-image {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
.logo img {
  max-height: 200px;
}
.logo-small img {
  max-height: 70px;
}
.section {
  padding: 20px 0;
  text-align: center;
}
.jobs li {
  margin-bottom: 10px;
}
.jobs :last-child {
  margin: 0;
}
.content {
  position: relative;
}
.content > :nth-child(even) {
  background-color: #575656;
  padding: 40px 0;
}
.content > :nth-child(even) * {
  color: #dcdcdc;
}
.content > :nth-child(even) a:hover {
  color: #FFFFFF;
}
.content > :nth-child(even) a:hover * {
  color: #FFFFFF;
}
.content > :nth-child(odd) {
  padding: 40px 0;
  background-color: #ffffff;
}
.content > :nth-child(odd) * {
  color: #575656;
}
.content > :nth-child(odd) a:hover {
  color: #000000;
}
.content > :nth-child(odd) a:hover * {
  color: #000000;
}
.content .content-wrapper {
  padding: 20px 0;
}
/* Images */
.teaser.section {
  padding: 0;
}
.teaser.section img {
  max-width: 100%;
  filter: grayscale(100%);
}
.footer {
  padding: 40px 20px;
  text-align: center;
  background-color: #000000;
  color: #b1b1b1;
}
.footer a {
  color: #b1b1b1;
}
.footer a:hover {
  color: #FFFFFF;
}
/* Banner */
.content > .banner {
  background: #ff0000;
  color: #fff;
  border: 8px solid #bd0000;
  max-width: 800px;
  margin: 10px auto;
  padding: 20px;
  font-size: 2em;
  font-weight: 300;
  font-family: 'Slabo 27px', serif;
  text-align: center;
  line-height: 120%;
}
.content > .banner p {
  padding-top: 20px;
  margin-bottom: 0;
  font-family: 'Roboto', sans-serif;
  color: #fff;
}
.content > .banner a {
  color: inherit;
}
.content > .banner i {
  color: inherit;
}
/* Media queries */