@font-face {
  font-family: 'clavo-bold';
  src: url('../fonts/clavobold.eot');
  src: url('../fonts/clavobold.eot?#iefix') format('embedded-opentype'), url('../fonts/clavobold.woff') format('woff'), url('../fonts/clavobold.ttf') format('truetype'), url('../fonts/clavobold.svg#clavobold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clavo-bolditalic';
  src: url('../fonts/clavobolditalic.eot');
  src: url('../fonts/clavobolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/clavobolditalic.woff') format('woff'), url('../fonts/clavobolditalic.ttf') format('truetype'), url('../fonts/clavobolditalic.svg#clavobolditalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clavo-extrabold';
  src: url('../fonts/clavoextrabold.eot');
  src: url('../fonts/clavoextrabold.eot?#iefix') format('embedded-opentype'), url('../fonts/clavoextrabold.woff') format('woff'), url('../fonts/clavoextrabold.ttf') format('truetype'), url('../fonts/clavoextrabold.svg#clavoextrabold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clavo-extrabolditalic';
  src: url('../fonts/clavoextrabolditalic.eot');
  src: url('../fonts/clavoextrabolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/clavoextrabolditalic.woff') format('woff'), url('../fonts/clavoextrabolditalic.ttf') format('truetype'), url('../fonts/clavoextrabolditalic.svg#clavoextrabolditalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clavo-mediumitalic';
  src: url('../fonts/clavomediumitalic.eot');
  src: url('../fonts/clavomediumitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/clavomediumitalic.woff') format('woff'), url('../fonts/clavomediumitalic.ttf') format('truetype'), url('../fonts/clavomediumitalic.svg#clavomediumitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clavo-light';
  src: url('../fonts/clavolight.eot');
  src: url('../fonts/clavolight.eot?#iefix') format('embedded-opentype'), url('../fonts/clavolight.woff') format('woff'), url('../fonts/clavolight.ttf') format('truetype'), url('../fonts/clavolight.svg#clavolight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clavo-bookitalic';
  src: url('../fonts/clavolightitalic.eot');
  src: url('../fonts/clavolightitalic.eot?#iefix') format('embedded-opentype'), url('../fonts/clavolightitalic.woff') format('woff'), url('../fonts/clavolightitalic.ttf') format('truetype'), url('../fonts/clavolightitalic.svg#clavolightitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'clavo-extralight';
  src: url('../fonts/clavoextralight.eot');
  src: url('../fonts/clavoextralight.eot?#iefix') format('embedded-opentype'), url('../fonts/clavoextralight.woff') format('woff'), url('../fonts/clavoextralight.ttf') format('truetype'), url('../fonts/clavoextralight.svg#clavoextralight') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
}
html,
body {
  height: 100%;
  font: 14px/16px "clavo-light", georgia, serif;
  color: #fff;
}
b,
strong {
  font-family: "clavo-bold";
  font-weight: normal;
}
.skrollr-desktop body {
  height: 100% !important;
}
p {
  margin: 1em 0;
}
.parallax-image-wrapper {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
}
.parallax-image-wrapper-50 {
  height: 50%;
  top: -50%;
}
.parallax-image-wrapper-100 {
  height: 100%;
  top: -100%;
}
.parallax-image {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.parallax-image-50 {
  height: 200%;
  top: -50%;
}
.parallax-image-100 {
  height: 100%;
  top: 0;
}
.parallax-image.skrollable-between {
  display: block;
}
.no-skrollr .parallax-image-wrapper {
  display: none !important;
}
#skrollr-body {
  height: 100%;
  overflow: visible;
  position: relative;
}
.gap {
  background: transparent center no-repeat;
  background-size: cover;
}
.skrollr .gap {
  background: transparent !important;
}
.gap-50 {
  height: 50%;
}
.gap-100 {
  height: 100%;
}
.header,
.content {
  background: rgba(110, 50, 140, 0.9);
  color: #fff;
  padding: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.header.dark *,
.content.dark * {
  color: #fff;
}
.header.light *,
.content.light * {
  color: #444;
}
.content-full {
  height: 100%;
}
#done {
  height: 100%;
}
#about ol {
  list-style: none;
  padding: 0;
}
#about ol li {
  padding: 0;
}
#about ol ul {
  list-style: none;
  margin-bottom: 1em;
}
#about ol ul li {
  margin-bottom: 0.25em;
}
.parallax-image.slide {
  background-size: contain;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: center center;
}