Print Framework Compiled

@import url(http://fonts.googleapis.com/css?family=Merriweather:400italic,400,900,300italic,300,700,700italic,900italic);
@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/* PRINT FRAMEWORK *

/* overrides and settings */
* {
  box-sizing: border-box;
  vertical-align: baseline;
}
*:before,
*:after {
  box-sizing: inherit;
}
html {
  -webkit-font-smoothing: antialiased;
}
html ::-moz-selection {
  background-color: #f1d808;
  color: #141414;
}
html ::selection {
  background-color: #f1d808;
  color: #141414;
}
body {
  background-color: #ffffff;
  color: #141414;
  font-family: 'Merriweather', serif;
  line-height: 1.45;
  font-size: 1em;
  font-weight: 400;
  padding: 0;
}
/* layout */
header {
  display: block;
  width: 100%;
}
/* typography */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
  font-weight: inherit;
  line-height: 1.2;
  margin: 1.414rem 0 0.5rem;
}
h1 {
  font-size: 3.998rem;
  margin-top: 0;
  font-weight: 300;
}
h2 {
  font-size: 2.827rem;
  font-weight: 900;
}
h3 {
  font-size: 1.999rem;
  font-weight: 600;
}
h4 {
  font-size: 1.414rem;
  font-weight: 400;
}
h5 {
  font-size: 1.266rem;
  font-weight: 700;
}
h6 {
  font-size: 1.125rem;
  font-weight: 900;
}
p {
  font-size: 1rem;
  hyphenate-character: '\2010';
  -webkit-hyphens: auto;
     -moz-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  margin-bottom: 1.3rem;
  word-break: break-all;
  word-break: break-word;
}
blockquote {
  border-left: 0.2rem solid;
  padding: 0 1rem;
  margin: 0 1rem;
}
cite {
  display: block;
  text-align: right;
}
cite:before {
  content: '\2015';
}
/* links */
a {
  color: #0e789d;
  text-decoration: underline;
}
a:active {
  color: #00b164;
}
a:focus {
  color: #00b164;
}
a:hover {
  color: #00b164;
}
a:visited {
  color: #0e789d;
}
/* inline elements */
small {
  font-size: 0.707rem;
}
b,
strong {
  font-weight: 700;
}
i,
em,
var {
  font-style: italic;
}
sub,
sup {
  font-size: 0.8rem;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25rem;
}
sup {
  top: -0.35rem;
}
s,
del {
  text-decoration: line-through;
}
u,
ins {
  text-decoration: underline;
}
q:before {
  content: '\201c';
}
q:after {
  content: '\201d';
}
/* syntax */
pre,
code,
samp,
kbd {
  font-family: 'Source Code Pro', monospace;
}
mark {
  background-color: #ff813b;
}
/* lists */
ul,
ol {
  padding-left: 2rem;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
dl dt {
  font-size: 1.414rem;
}
/* horizontal rule */
hr {
  border: 0;
  background-color: #141414;
  height: 0.2rem;
}
/* progress bars */
progress {
  appearance: none;
  background-color: cyan;
  border: 0.2rem solid #141414;
  height: 1rem;
  -webkit-appearance: none;
}
progress::-webkit-progress-bar {
  background-color: #ff813b;
}
progress[value] {
  -webkit-appearance: none;
}
progress[value]::-webkit-progress-bar {
  background-color: magenta;
}
@-webkit-keyframes progressing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes progressing {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* images */
img {
  width: 100%;
}
figure {
  padding: 1rem;
}
figure img {
  border: 0.2rem solid #141414;
}
figure figcaption {
  color: #141414;
  padding: 0 0.5rem 0.5rem 0.5rem;
}
/* audio */
video {
  width: 100%;
}
/* video */
video {
  width: 100%;
}
/* canvas */
/* progress */
/* inline svg */
/* iframes */
iframe {
  width: 100%;
}
/* forms */
fieldset {
  background-image: -webkit-radial-gradient(center, circle farthest-corner, #ffffff 85%, #f8f5ec 100%);
  background-image: radial-gradient(circle farthest-corner at center, #ffffff 85%, #f8f5ec 100%);
  border: 0.2rem solid;
  margin: 1rem;
  padding: 1rem;
}
fieldset li {
  line-height: 2rem;
}
legend {
  background-color: #141414;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  padding: 0 0.5rem;
  font-weight: 700;
}
label {
  font-weight: 700;
  display: block;
}
input,
textarea,
button,
select,
input[type=checkbox],
input[type=radio],
input[type=range] {
  border: 0;
  border-radius: 0;
  font-family: 'Merriweather', serif;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
}
input:focus,
textarea:focus,
button:focus,
select:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
input[type=range]:focus {
  outline: none;
}
input[type=text],
input[type=search],
input[type=password],
input[type=email],
input[type=url],
input[type=date],
input[type=number],
input[type=month],
input[type=week],
input[type=datetime],
input[type=datetime-local],
textarea,
select {
  padding: 0.5rem;
  background-color: #ffffff;
  border: 0.2rem solid #141414;
  width: 100%;
}
textarea {
  overflow: auto;
  resize: none;
}
/* buttons */
button,
input[type=submit],
input[type=reset] {
  cursor: pointer;
  background-color: #00b164;
  color: #f8f5ec;
  padding: 0.5rem;
}
button:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled {
  background-color: #595959;
}
button {
  font-family: 'Merriweather', serif;
}
button:disabled {
  color: #ffffff;
}
input[type=radio],
input[type=checkbox] {
  background-color: #ffffff;
  border: 0.2rem solid #141414;
  display: inline-block;
}
input[type=radio]:checked,
input[type=checkbox]:checked {
  background-color: #00b164;
}
input[type=radio] {
  border-radius: 1rem;
}
input[type=checkbox],
input[type=radio] {
  height: 1rem;
  width: 1rem;
  margin: 0;
}
input[type=color] {
  border: 0;
  height: 2rem;
  width: 4rem;
  margin: 0;
}
input[type=range]::-webkit-slider-runnable-track {
  background: #141414;
  border: 0.2rem solid #141414;
  box-shadow: none;
  border-radius: 1rem;
  cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
  background: #00b164;
  border-radius: 1rem;
  cursor: pointer;
  height: 1rem;
  margin: 0;
  width: 1rem;
  -webkit-appearance: none;
}
/* tables */
caption {
  background-color: #141414;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  line-height: 2;
  text-align: center;
}
/* print */
@page {
  size: 12.25in 9.25in;
  margin: 0;
}
@media print {
  section {
    page-break-after: always;
    height: 9.25in;
    overflow: hidden;
  }
}
/* columns */
.column {
  float: left;
}
.columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.column.ratio-12-12 {
  width: 100%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-12-12 {
    width: 100%;
  }
}
.column.ratio-11-12 {
  width: 91.6666667%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-11-12 {
    width: 100%;
  }
}
.column.ratio-10-12 {
  width: 83.3333333%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-10-12 {
    width: 100%;
  }
}
.column.ratio-9-12 {
  width: 75%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-9-12 {
    width: 100%;
  }
}
.column.ratio-8-12 {
  width: 66.6666667%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-8-12 {
    width: 100%;
  }
}
.column.ratio-7-12 {
  width: 58.3333333%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-7-12 {
    width: 100%;
  }
}
.column.ratio-6-12 {
  width: 50%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-6-12 {
    width: 100%;
  }
}
.column.ratio-5-12 {
  width: 41.6666667%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-5-12 {
    width: 100%;
  }
}
.column.ratio-4-12 {
  width: 33.3333333%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-4-12 {
    width: 100%;
  }
}
.column.ratio-3-12 {
  width: 25%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-3-12 {
    width: 100%;
  }
}
.column.ratio-2-12 {
  width: 16.6666667%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-2-12 {
    width: 100%;
  }
}
.column.ratio-1-12 {
  width: 8.3333333%;
  box-sizing: border-box;
}
@media (max-width: 32rem) {
  .column.ratio-1-12 {
    width: 100%;
  }
}
.bare {
  border: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/********************************/
/*                              */
/*              **              */
/*                              */
/********************************/
.palette div {
  width: 10vw;
  height: 1rem;
}
.r {
  background-color: #f6394f;
}
.o {
  background-color: #ff813b;
}
.y {
  background-color: #f1d808;
}
.g {
  background-color: #00b164;
}
.b {
  background-color: #0e789d;
}
.i {
  background-color: #662f73;
}
.v {
  background-color: #ba3d75;
}