/*! Made with Bones: http://themble.com/bones :) */
/******************************************************************
Site Name:
Author:

Stylesheet: Main Stylesheet

Here's where the magic happens. Here, you'll see we are calling in
the separate media queries. The base mobile goes outside any query
and is called at the beginning, after that we call the rest
of the styles inside media queries.

Helpful articles on Sass file organization:
http://thesassway.com/advanced/modular-css-naming-conventions

******************************************************************/
/*********************
IMPORTING PARTIALS
These files are needed at the beginning so that we establish all
our mixins, functions, and variables that we'll be using across
the whole project.
*********************/
/* line 21, ../scss/partials/_variables.scss */
.c-1-1 {
  color: #2fa09a;
}
/* line 24, ../scss/partials/_variables.scss */
.c-1-1:hover {
  color: #2fa09a !important;
}
/* line 28, ../scss/partials/_variables.scss */
.thumbs .c-1-1:hover, .c-1-1#title-wrapper,
.c-1-1 .home main .right header:hover, .c-1-1:hover {
  background: #f1c701 !important;
  color: #2fa09a !important;
}

/* line 37, ../scss/partials/_variables.scss */
.c-1-1-m {
  background: #f1c701 !important;
}
/* line 39, ../scss/partials/_variables.scss */
.c-1-1-m a {
  color: #2fa09a !important;
}

/* line 44, ../scss/partials/_variables.scss */
.c-1-2 {
  color: #f1c701;
}
/* line 47, ../scss/partials/_variables.scss */
.c-1-2:hover {
  color: #f1c701 !important;
}
/* line 51, ../scss/partials/_variables.scss */
.thumbs .c-1-2:hover, .c-1-2#title-wrapper,
.c-1-2 .home main .right header:hover, .c-1-2:hover {
  background: #2fa09a !important;
  color: #f1c701 !important;
}

/* line 60, ../scss/partials/_variables.scss */
.c-1-2-m {
  background: #2fa09a !important;
}
/* line 62, ../scss/partials/_variables.scss */
.c-1-2-m a {
  color: #f1c701 !important;
}

/* line 67, ../scss/partials/_variables.scss */
.c-2-1 {
  color: #5f559a;
}
/* line 70, ../scss/partials/_variables.scss */
.c-2-1:hover {
  color: #5f559a !important;
}
/* line 74, ../scss/partials/_variables.scss */
.thumbs .c-2-1:hover, .c-2-1#title-wrapper,
.c-2-1 .home main .right header:hover, .c-2-1:hover {
  background: #d8da15 !important;
  color: #5f559a !important;
}

/* line 83, ../scss/partials/_variables.scss */
.c-2-1-m {
  background: #d8da15 !important;
}
/* line 85, ../scss/partials/_variables.scss */
.c-2-1-m a {
  color: #5f559a !important;
}

/* line 90, ../scss/partials/_variables.scss */
.c-2-2 {
  color: #d8da15;
}
/* line 93, ../scss/partials/_variables.scss */
.c-2-2:hover {
  color: #d8da15 !important;
}
/* line 97, ../scss/partials/_variables.scss */
.thumbs .c-2-2:hover, .c-2-2#title-wrapper,
.c-2-2 .home main .right header:hover, .c-2-2:hover {
  background: #5f559a !important;
  color: #d8da15 !important;
}

/* line 106, ../scss/partials/_variables.scss */
.c-2-2-m {
  background: #5f559a !important;
}
/* line 108, ../scss/partials/_variables.scss */
.c-2-2-m a {
  color: #d8da15 !important;
}

/* line 113, ../scss/partials/_variables.scss */
.c-3-1 {
  color: #4d61a6;
}
/* line 116, ../scss/partials/_variables.scss */
.c-3-1:hover {
  color: #4d61a6 !important;
}
/* line 120, ../scss/partials/_variables.scss */
.thumbs .c-3-1:hover, .c-3-1#title-wrapper,
.c-3-1 .home main .right header:hover, .c-3-1:hover {
  background: #dd8d00 !important;
  color: #4d61a6 !important;
}

/* line 128, ../scss/partials/_variables.scss */
.c-3-1-m {
  background: #dd8d00 !important;
}
/* line 130, ../scss/partials/_variables.scss */
.c-3-1-m a {
  color: #4d61a6 !important;
}

/* line 135, ../scss/partials/_variables.scss */
.c-3-2 {
  color: #dd8d00;
}
/* line 138, ../scss/partials/_variables.scss */
.c-3-2:hover {
  color: #dd8d00 !important;
}
/* line 142, ../scss/partials/_variables.scss */
.thumbs .c-3-2:hover, .c-3-2#title-wrapper,
.c-3-2 .home main .right header:hover, .c-3-2:hover {
  background: #4d61a6 !important;
  color: #dd8d00 !important;
}

/* line 150, ../scss/partials/_variables.scss */
.c-3-2-m {
  background: #4d61a6 !important;
}
/* line 152, ../scss/partials/_variables.scss */
.c-3-2-m a {
  color: #dd8d00 !important;
}

/* line 157, ../scss/partials/_variables.scss */
.c-4-1 {
  color: #7c3385;
}
/* line 160, ../scss/partials/_variables.scss */
.c-4-1:hover {
  color: #7c3385 !important;
}
/* line 164, ../scss/partials/_variables.scss */
.thumbs .c-4-1:hover, .c-4-1#title-wrapper,
.c-4-1 .home main .right header:hover, .c-4-1:hover {
  background: #84b447 !important;
  color: #7c3385 !important;
}

/* line 172, ../scss/partials/_variables.scss */
.c-4-1-m {
  background: #84b447 !important;
}
/* line 174, ../scss/partials/_variables.scss */
.c-4-1-m a {
  color: #7c3385 !important;
}

/* line 179, ../scss/partials/_variables.scss */
.c-4-2 {
  color: #84b447;
}
/* line 182, ../scss/partials/_variables.scss */
.c-4-2:hover {
  color: #84b447 !important;
}
/* line 186, ../scss/partials/_variables.scss */
.thumbs .c-4-2:hover, .c-4-2#title-wrapper,
.c-4-2 .home main .right header:hover, .c-4-2:hover {
  background: #7c3385 !important;
  color: #84b447 !important;
}

/* line 194, ../scss/partials/_variables.scss */
.c-4-2-m {
  background: #7c3385 !important;
}
/* line 196, ../scss/partials/_variables.scss */
.c-4-2-m a {
  color: #84b447 !important;
}

/* line 201, ../scss/partials/_variables.scss */
.c-5-1 {
  color: #3378bb;
}
/* line 204, ../scss/partials/_variables.scss */
.c-5-1:hover {
  color: #3378bb !important;
}
/* line 208, ../scss/partials/_variables.scss */
.thumbs .c-5-1:hover, .c-5-1#title-wrapper,
.c-5-1 .home main .right header:hover, .c-5-1:hover {
  background: #b0c741 !important;
  color: #3378bb !important;
}

/* line 216, ../scss/partials/_variables.scss */
.c-5-1-m {
  background: #b0c741 !important;
}
/* line 218, ../scss/partials/_variables.scss */
.c-5-1-m a {
  color: #3378bb !important;
}

/* line 223, ../scss/partials/_variables.scss */
.c-5-2 {
  color: #b0c741;
}
/* line 226, ../scss/partials/_variables.scss */
.c-5-2:hover {
  color: #b0c741 !important;
}
/* line 230, ../scss/partials/_variables.scss */
.thumbs .c-5-2:hover, .c-5-2#title-wrapper,
.c-5-2 .home main .right header:hover, .c-5-2:hover {
  background: #3378bb !important;
  color: #b0c741 !important;
}

/* line 238, ../scss/partials/_variables.scss */
.c-5-2-m {
  background: #3378bb !important;
}
/* line 240, ../scss/partials/_variables.scss */
.c-5-2-m a {
  color: #b0c741 !important;
}

@font-face {
  font-family: 'PoppinsSK';
  src: url("../fonts/PoppinsLatinSK-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Rosart';
  src: url("../fonts/Rosart-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Rosart-Italic';
  src: url("../fonts/Rosart-RegularItalic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*********************
TRANSITION
*********************/
/*
I totally rewrote this to be cleaner and easier to use.
You'll need to be using Sass 3.2+ for these to work.
Thanks to @anthonyshort for the inspiration on these.
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/*
  This mixin can be used to set the object-fit:
  @include object-fit(contain);
  or object-fit and object-position:
  @include object-fit(cover, top);
*/
/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* line 13, ../scss/partials/_normalize.scss */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
/* line 27, ../scss/partials/_normalize.scss */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
/* line 35, ../scss/partials/_normalize.scss */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/* line 44, ../scss/partials/_normalize.scss */
table {
  border-spacing: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* line 53, ../scss/partials/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
/* line 66, ../scss/partials/_normalize.scss */
figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
/* line 76, ../scss/partials/_normalize.scss */
figure {
  margin: 0;
  line-height: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
/* line 86, ../scss/partials/_normalize.scss */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 97, ../scss/partials/_normalize.scss */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
/* line 110, ../scss/partials/_normalize.scss */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
/* line 120, ../scss/partials/_normalize.scss */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
/* line 130, ../scss/partials/_normalize.scss */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
/* line 140, ../scss/partials/_normalize.scss */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
/* line 149, ../scss/partials/_normalize.scss */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/* line 159, ../scss/partials/_normalize.scss */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
/* line 170, ../scss/partials/_normalize.scss */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
/* line 178, ../scss/partials/_normalize.scss */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
/* line 187, ../scss/partials/_normalize.scss */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
/* line 196, ../scss/partials/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 204, ../scss/partials/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 208, ../scss/partials/_normalize.scss */
sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 219, ../scss/partials/_normalize.scss */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
/* line 228, ../scss/partials/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
/* line 237, ../scss/partials/_normalize.scss */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
/* line 245, ../scss/partials/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
/* line 257, ../scss/partials/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
/* line 273, ../scss/partials/_normalize.scss */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
/* line 283, ../scss/partials/_normalize.scss */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
/* line 294, ../scss/partials/_normalize.scss */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
/* line 305, ../scss/partials/_normalize.scss */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
/* line 317, ../scss/partials/_normalize.scss */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
/* line 328, ../scss/partials/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
/* line 341, ../scss/partials/_normalize.scss */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
/* line 355, ../scss/partials/_normalize.scss */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
/* line 364, ../scss/partials/_normalize.scss */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
/* line 373, ../scss/partials/_normalize.scss */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
/* line 383, ../scss/partials/_normalize.scss */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
/* line 393, ../scss/partials/_normalize.scss */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
/* line 402, ../scss/partials/_normalize.scss */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
/* line 412, ../scss/partials/_normalize.scss */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
/* line 425, ../scss/partials/_normalize.scss */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
/* line 434, ../scss/partials/_normalize.scss */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
/* line 445, ../scss/partials/_normalize.scss */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
/* line 453, ../scss/partials/_normalize.scss */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
/* line 464, ../scss/partials/_normalize.scss */
[hidden] {
  display: none;
}

/* line 468, ../scss/partials/_normalize.scss */
ul {
  margin: 0;
  padding: 0;
}

/* line 27, ../scss/partials/_margins.scss */
.main-margin {
  padding-left: 5%;
  padding-right: 5%;
}
@media (min-width: 87.5em) {
  /* line 27, ../scss/partials/_margins.scss */
  .main-margin {
    max-width: 1400px;
    margin: auto;
  }
}

/* line 40, ../scss/partials/_margins.scss */
.content-top-margin {
  padding-top: 25px;
}
@media (min-width: 46.25em) {
  /* line 40, ../scss/partials/_margins.scss */
  .content-top-margin {
    padding-top: 50px;
  }
}

/* line 65, ../scss/partials/_margins.scss */
.top-margin {
  padding-top: 70px;
}
@media (min-width: 61.25em) {
  /* line 65, ../scss/partials/_margins.scss */
  .top-margin {
    padding-top: 98px;
  }
}
@media (min-width: 87.5em) {
  /* line 65, ../scss/partials/_margins.scss */
  .top-margin {
    padding-top: 112px;
  }
}

/* line 82, ../scss/partials/_margins.scss */
.bottom-margin {
  padding-bottom: 25px;
}
@media (min-width: 61.25em) {
  /* line 82, ../scss/partials/_margins.scss */
  .bottom-margin {
    padding-bottom: 50px;
  }
}
@media (min-width: 87.5em) {
  /* line 82, ../scss/partials/_margins.scss */
  .bottom-margin {
    padding-bottom: 75px;
  }
}

/* line 99, ../scss/partials/_margins.scss */
.lr-margins {
  padding-left: 7.5%;
  padding-right: 7.5%;
}
@media (min-width: 87.5em) {
  /* line 99, ../scss/partials/_margins.scss */
  .lr-margins {
    padding-left: 10%;
    padding-right: 10%;
  }
}

/* line 104, ../scss/partials/_margins.scss */
.r-margins {
  padding-right: 7.5%;
  padding-left: 7.5%;
}
@media (min-width: 61.25em) {
  /* line 104, ../scss/partials/_margins.scss */
  .r-margins {
    padding-left: 2%;
  }
}
@media (min-width: 87.5em) {
  /* line 104, ../scss/partials/_margins.scss */
  .r-margins {
    padding-right: 10%;
  }
}

/* line 134, ../scss/partials/_margins.scss */
.content-margins {
  padding-left: 15%;
  padding-right: 7.5%;
}
@media (min-width: 46.25em) {
  /* line 134, ../scss/partials/_margins.scss */
  .content-margins {
    padding-left: 30%;
    padding-right: 20%;
  }
}
@media (min-width: 87.5em) {
  /* line 134, ../scss/partials/_margins.scss */
  .content-margins {
    padding-left: 30%;
    padding-right: 30%;
  }
}

/* line 148, ../scss/partials/_margins.scss */
.content-margins-right {
  padding-left: 15%;
  padding-right: 7.5%;
}
@media (min-width: 61.25em) {
  /* line 148, ../scss/partials/_margins.scss */
  .content-margins-right {
    padding-left: 50%;
    padding-right: 10%;
  }
}

/* line 152, ../scss/partials/_margins.scss */
.content-margins-right-even {
  padding-left: 7.5%;
  padding-right: 7.5%;
}
@media (min-width: 61.25em) {
  /* line 152, ../scss/partials/_margins.scss */
  .content-margins-right-even {
    padding-left: 50%;
    padding-right: 10%;
  }
}

/* line 192, ../scss/partials/_margins.scss */
.hor-margins {
  padding-top: 75px;
  padding-bottom: 60px;
}
@media (min-width: 46.25em) {
  /* line 192, ../scss/partials/_margins.scss */
  .hor-margins {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 87.5em) {
  /* line 192, ../scss/partials/_margins.scss */
  .hor-margins {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

/* line 5, ../scss/partials/_typography.scss */
h1 {
  font-size: 12px;
  padding-bottom: 1em;
}
@media (min-width: 46.25em) {
  /* line 5, ../scss/partials/_typography.scss */
  h1 {
    font-size: 1vw;
  }
}

/* line 13, ../scss/partials/_typography.scss */
body {
  font-size: 12px;
}
@media (min-width: 46.25em) {
  /* line 13, ../scss/partials/_typography.scss */
  body {
    font-size: 1vw !important;
  }
}

/* line 1, ../scss/partials/_backgrounds.scss */
.bg-fade {
  background: -webkit-linear-gradient(bottom, rgba(215, 215, 215, 0.3), white);
  background: linear-gradient(to top, rgba(215, 215, 215, 0.3), white);
  background-size: 100, 100;
  background-size: 200px;
  background-position: bottom;
  background-repeat: repeat-x;
}

/* line 9, ../scss/partials/_backgrounds.scss */
.bg-fade-green-right {
  background: -webkit-linear-gradient(right, rgba(38, 51, 26, 0.7), rgba(38, 51, 26, 0));
  background: linear-gradient(to left, rgba(38, 51, 26, 0.7), rgba(38, 51, 26, 0));
}

/* line 1, ../scss/partials/_animations.scss */
[data-aos="fade-out"] {
  opacity: 1 !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
/* line 4, ../scss/partials/_animations.scss */
[data-aos="fade-out"].aos-animate {
  opacity: 0 !important;
}

/*********************
IMPORTING MODULES
Modules are reusable blocks or elements we use throughout the project.
We can break them up as much as we want or just keep them all in one.
I mean, you can do whatever you want. The world is your oyster. Unless
you hate oysters, then the world is your peanut butter & jelly sandwich.
*********************/
/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/*********************
GENERAL STYLES
*********************/
/* line 7, ../scss/base/_base.scss */
body {
  width: 100%;
  line-height: 1.4em;
  color: #000000;
  background-color: white;
  font-family: 'Space Mono', 'IBM Plex Mono', monospace;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-numeric: oldstyle-nums;
  -webkit-font-variant-ligatures: no-historical-ligatures;
          font-variant-ligatures: no-historical-ligatures;
  overflow-y: scroll;
}

/* line 22, ../scss/base/_base.scss */
html, body {
  position: relative;
  height: 100%;
  margin: 0;
}

/* line 28, ../scss/base/_base.scss */
html {
  box-sizing: border-box;
}

/* line 31, ../scss/base/_base.scss */
*, *:before, *:after, p {
  box-sizing: border-box;
}

/* line 35, ../scss/base/_base.scss */
p {
  margin-top: 0;
}

/* Images */
/* line 59, ../scss/base/_base.scss */
img {
  max-width: 100%;
  width: auto;
}

/* line 64, ../scss/base/_base.scss */
.entry-content img,
.comment-content img,
.widget img {
  max-width: 97.5%;
  /* Fluid images for posts, comments, and widgets */
}

/* line 69, ../scss/base/_base.scss */
img[class*="align"],
img[class*="wp-image-"] {
  height: auto;
  /* Make sure images with WordPress-added height and width >attributes are scaled correctly */
}

/* line 73, ../scss/base/_base.scss */
img.size-full {
  max-width: 100%;
  height: auto;
  width: auto;
  /* Prevent stretching of full-size images with height and >>width attributes in IE8 */
}

/*********************
LINK STYLES
*********************/
/* line 84, ../scss/base/_base.scss */
a, a:visited {
  color: #000000;
  text-decoration: none;
  -webkit-transition: color .2s;
  transition: color .2s;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
/* line 94, ../scss/base/_base.scss */
a:active, a:visited:active {
  outline: 0px none !important;
}
/* line 99, ../scss/base/_base.scss */
a:link, a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
/* line 108, ../scss/base/_base.scss */
a.white, a:visited.white {
  color: white;
}
/* line 112, ../scss/base/_base.scss */
.container p a, .container p a:visited {
  border-bottom: 1px solid;
}

/* line 119, ../scss/base/_base.scss */
a img {
  border-bottom: 0px;
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
/* line 127, ../scss/base/_base.scss */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  text-rendering: optimizelegibility;
  font-weight: 500;
  margin: 0;
  /*
  if you're going to use webfonts, be sure to check your weights
  http://css-tricks.com/watch-your-font-weight/
  */
  /* removing text decoration from all headline links */
}
/* line 137, ../scss/base/_base.scss */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

/* line 145, ../scss/base/_base.scss */
td {
  vertical-align: top;
}

@media (min-width: 20em) and (max-width: 46.24em) {
  /* line 149, ../scss/base/_base.scss */
  .mobile-hide {
    display: none;
  }
}

@media (min-width: 46.25em) {
  /* line 155, ../scss/base/_base.scss */
  .desktop-hide {
    display: none;
  }
}

/* line 161, ../scss/base/_base.scss */
.hidden {
  display: none;
}

/* Demonstrate a "mostly customized" scrollbar
 * (won't be visible otherwise if width/height is specified) */
/* line 176, ../scss/base/_base.scss */
body::-webkit-scrollbar {
  width: 10px;
  background-color: white;
  /* or add it to the track */
}

/* Add a thumb */
/* line 181, ../scss/base/_base.scss */
body::-webkit-scrollbar-thumb {
  background: black;
}

/* line 1, ../scss/base/_framework.scss */
header {
  position: fixed;
  left: 5vw;
  line-height: 1;
  top: 5vw;
}
@media (min-width: 46.25em) {
  /* line 1, ../scss/base/_framework.scss */
  header {
    top: 5vh;
  }
}

/* line 12, ../scss/base/_framework.scss */
#barba-wrapper {
  width: 100%;
  position: relative;
}
@media (min-width: 46.25em) {
  /* line 12, ../scss/base/_framework.scss */
  #barba-wrapper {
    padding-left: 20%;
  }
}
/* line 19, ../scss/base/_framework.scss */
#barba-wrapper .barba-container.attachment {
  position: fixed;
  top: 0;
}
@media (max-width: 46.24em) {
  /* line 24, ../scss/base/_framework.scss */
  #barba-wrapper .barba-container {
    margin-top: 7vw;
  }
}

/* line 32, ../scss/base/_framework.scss */
main {
  width: 100%;
  opacity: 0;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
  padding: 5vw;
}
@media (min-width: 46.25em) {
  /* line 32, ../scss/base/_framework.scss */
  main {
    padding: 5vh;
  }
}
/* line 42, ../scss/base/_framework.scss */
.attachment main {
  height: 100vh;
}
/* line 46, ../scss/base/_framework.scss */
body.loaded main {
  opacity: 1;
}
@media (min-width: 46.25em) {
  /* line 50, ../scss/base/_framework.scss */
  main p {
    width: 60%;
  }
}
/* line 56, ../scss/base/_framework.scss */
main .close {
  position: fixed;
  right: 5vw;
  top: 5vw;
}
@media (min-width: 46.25em) {
  /* line 56, ../scss/base/_framework.scss */
  main .close {
    top: 5vh;
  }
}

/* line 69, ../scss/base/_framework.scss */
.attachment figure {
  height: calc(100vh - 10vh);
}
@media (max-width: 46.24em) {
  /* line 69, ../scss/base/_framework.scss */
  .attachment figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media (min-width: 46.25em) {
  /* line 77, ../scss/base/_framework.scss */
  .attachment figure img {
    height: 100%;
  }
}
/* line 84, ../scss/base/_framework.scss */
.attachment .caption {
  position: absolute;
  top: calc(5vh + 3em);
}
@media (min-width: 46.25em) {
  /* line 84, ../scss/base/_framework.scss */
  .attachment .caption {
    top: calc(5vh + 6em);
    left: -15vw;
    width: 15vw;
  }
}

/* line 97, ../scss/base/_framework.scss */
.single-sound figure, .single-video figure {
  height: calc(100vh - 10vh);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* line 104, ../scss/base/_framework.scss */
nav {
  position: absolute;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  opacity: 1;
  -webkit-transition: .5s opacity;
  transition: .5s opacity;
  padding-left: 7vw;
}
@media (min-width: 46.25em) {
  /* line 104, ../scss/base/_framework.scss */
  nav {
    padding-left: 20vw;
  }
}
/* line 118, ../scss/base/_framework.scss */
nav.loading {
  opacity: 0;
}
/* line 122, ../scss/base/_framework.scss */
body.content nav {
  opacity: .1;
}
/* line 129, ../scss/base/_framework.scss */
nav div.thumb {
  mix-blend-mode: multiply;
  width: 32vw;
  height: 32vw;
  margin: 11vw;
}
@media (min-width: 46.25em) {
  /* line 129, ../scss/base/_framework.scss */
  nav div.thumb {
    width: 12vw;
    height: 12vw;
    margin: 4vw;
  }
}
/* line 142, ../scss/base/_framework.scss */
nav div.thumb .triangle {
  display: none;
}
/* line 146, ../scss/base/_framework.scss */
nav div.thumb.texts, nav div.thumb.sound, nav div.thumb.video {
  background: black;
}
/* line 148, ../scss/base/_framework.scss */
nav div.thumb.texts a, nav div.thumb.texts a:visited, nav div.thumb.sound a, nav div.thumb.sound a:visited, nav div.thumb.video a, nav div.thumb.video a:visited {
  color: white;
  height: 100%;
  display: block;
  padding: .6em;
}
@media (min-width: 46.25em) {
  /* line 148, ../scss/base/_framework.scss */
  nav div.thumb.texts a, nav div.thumb.texts a:visited, nav div.thumb.sound a, nav div.thumb.sound a:visited, nav div.thumb.video a, nav div.thumb.video a:visited {
    padding: 1em;
  }
}
/* line 161, ../scss/base/_framework.scss */
nav div.thumb.texts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
/* line 166, ../scss/base/_framework.scss */
nav div.thumb.texts a {
  height: auto;
}
/* line 169, ../scss/base/_framework.scss */
nav div.thumb.texts a span {
  padding-bottom: .5em;
  display: inline-block;
}
/* line 176, ../scss/base/_framework.scss */
nav div.thumb.sound, nav div.thumb.video {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* line 182, ../scss/base/_framework.scss */
nav div.thumb.sound .triangle, nav div.thumb.video .triangle {
  display: block;
  width: 0px;
  height: 0px;
  border-top: 1vw solid transparent;
  border-bottom: 1vw solid transparent;
  border-left: 1.5vw solid white;
  position: absolute;
  z-index: -1;
}
/* line 194, ../scss/base/_framework.scss */
nav div.thumb a {
  display: block;
  opacity: .90;
  -webkit-transition: .3s opacity;
  transition: .3s opacity;
}
/* line 199, ../scss/base/_framework.scss */
nav div.thumb a:hover {
  opacity: 1;
}
/* line 204, ../scss/base/_framework.scss */
nav div.thumb img {
  width: 100%;
  height: auto;
  max-height: 100%;
}

/* line 214, ../scss/base/_framework.scss */
.video-container {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 80vh;
}

/* line 221, ../scss/base/_framework.scss */
.video-wrapper {
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
/* line 225, ../scss/base/_framework.scss */
.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 235, ../scss/base/_framework.scss */
footer {
  position: fixed;
  left: 5vw;
  bottom: 5vw;
}
@media (min-width: 46.25em) {
  /* line 235, ../scss/base/_framework.scss */
  footer {
    bottom: 5vh;
  }
}

/*********************
PRINT STYLESHEET
Feel free to customize this. Remember to add things that won't make
sense to print at the bottom. Things like nav, ads, and forms should
be set to display none.
*********************/
@media print {
  /******************************************************************
  Site Name:
  Author:
  
  Stylesheet: Print Stylesheet
  
  This is the print stylesheet. There's probably not a lot
  of reasons to edit this stylesheet. If you want to
  though, go for it.
  
  ******************************************************************/
  /* line 13, ../scss/partials/_print.scss */
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    -ms-filter: none !important;
  }

  /* line 21, ../scss/partials/_print.scss */
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  /* line 26, ../scss/partials/_print.scss */
  a:after, a:visited:after {
    content: " (" attr(href) ")";
  }
  /* line 31, ../scss/partials/_print.scss */
  a abbr[title]:after, a:visited abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /* line 36, ../scss/partials/_print.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 42, ../scss/partials/_print.scss */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 47, ../scss/partials/_print.scss */
  thead {
    display: table-header-group;
  }

  /* line 51, ../scss/partials/_print.scss */
  tr, img {
    page-break-inside: avoid;
  }

  /* line 55, ../scss/partials/_print.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }
  /* line 63, ../scss/partials/_print.scss */
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 68, ../scss/partials/_print.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }

  /* line 74, ../scss/partials/_print.scss */
  .sidebar,
  .page-navigation,
  .wp-prev-next,
  .respond-form,
  nav {
    display: none;
  }
}