@charset "UTF-8";
@font-face {
  font-family: 'aaj';
  src: url("fonts/aaj.eot");
  src: url("fonts/aaj.eot?#iefix") format("embedded-opentype"), url("fonts/aaj.woff") format("woff"), url("fonts/aaj.ttf") format("truetype"), url("fonts/aaj.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
html, body {
  height: 100%;
  background-color: #F3F1EA; }

body {
  font-family: "minion-pro", "Minion Pro", "Georgia", serif;
  font-size: 100%;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  -webkit-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-lines: 2;
  hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-chars: 6 3 2;
  -ms-hyphenate-limit-chars: 6 3 2;
  hyphenate-limit-chars: 6 3 2;
  overflow-wrap: break-word;
  word-wrap: break-word; }

::selection {
  background-color: rgba(52, 52, 52, 0.2); }

.content {
  min-height: 100%;
  padding-top: 4rem;
  margin-bottom: -10.5rem;
  overflow-x: hidden; }

.content:after {
  content: "";
  display: block;
  height: 8.5rem; }

h1, h2, h3, h4, h5, h6 {
  font-family: "minion-pro", "Minion Pro", "Georgia", serif;
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  font-weight: normal;
  line-height: 1.2125;
  clear: both; }

h4, h5, h6 {
  margin-top: 1.5rem;
  margin-bottom: 0.80156rem; }

h1 {
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
  line-height: 1; }

@media only screen and (min-width: 25em) {
  h1 {
    font-size: 3.5rem;
    width: 106%; } }
h2 {
  margin-bottom: 1.5rem;
  font-size: 1.875rem; }

@media only screen and (min-width: 25em) {
  h2 {
    font-size: 2.25rem; } }
h3 {
  margin-bottom: 0.25rem;
  font-size: 1.625rem; }

h4 {
  font-size: 1.375rem; }

h5 {
  font-size: 1.25rem; }

h6 {
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-family: "aaj", "franklin-gothic-urw", "Helvetica Neue", "Helvetica", "Tahoma", sans-serif;
  font-size: 0.875rem;
  line-height: 1;
  text-transform: uppercase;
  color: inherit; }

h6 + h1 {
  margin-top: 0.75rem; }

p, ol, ul, blockquote, blockquote p {
  line-height: 1.2;
  margin-bottom: 1.2rem;
  font-size: 1.125rem;
  text-align: justify; }

@media only screen and (min-width: 40.063em) {
  p, ol, ul, blockquote, blockquote p {
    line-height: 1.4;
    margin-bottom: 1.4rem;
    font-size: 1.1875rem; } }
ul li ul, ol li ul {
  font-size: 1.125rem; }

@media only screen and (min-width: 40.063em) {
  ul li ul, ol li ul {
    font-size: 1.1875rem;
    line-height: 1.35; } }
ul ul, ol ul, ol ol ul, ol ul ul, ul ol ul, ul ul ul {
  list-style-type: disc; }

li {
  text-align: left; }

blockquote,
blockquote p {
  margin: -0.1rem 0 1.4rem;
  padding: 0 0 0 1rem;
  color: inherit;
  border: none; }

blockquote p {
  padding-left: 0; }

a {
  color: #77480C;
  text-decoration: none;
  transition: 0.3s; }

a:hover, a:focus {
  text-decoration: underline;
  color: #9B5E10; }

a[rel="external"]:after, a[href$=".zip"]:after {
  content: " ⬈";
  font-family: "aaj", "franklin-gothic-urw", "Helvetica Neue", "Helvetica", "Tahoma", sans-serif;
  font-size: 0.7368rem; }

a[rel="external"]:hover:after, a[href$=".zip"]:hover:after,
a[rel="external"]:focus:after, a[href$=".zip"]:focus:after {
  text-decoration: none; }

a[href$=".zip"]:after {
  content: " ⬇"; }

audio {
  width: 100%; }

img + audio {
  margin-top: -0.8rem; }

tt, code, kbd, pre, samp {
  font-family: "Monaco", "Andale Mono", "Courier New", "Courier", monospace;
  font-size: 0.9375rem; }

pre {
  background-color: #e4e3dd;
  padding: 0.5rem 1rem;
  margin: 1rem 0; }

code {
  font-weight: normal;
  color: inherit; }

p code {
  font-size: 0.8333rem;
  background-color: rgba(69, 121, 181, 0.18); }

.row {
  max-width: none; }

hr {
  border-color: #c9c7c2;
  margin: 1.5rem 0; }

[class*="block-grid-"] > li {
  padding-bottom: 1.5rem; }

.bio {
  margin: -1rem 0 1.5rem; }

.bio p {
  text-align: left; }

.hidden {
  display: none; }

img.featured {
  max-height: 30rem;
  max-height: 70vh;
  display: block;
  margin: 1rem auto 2rem;
  box-shadow: 0px 2px 6px rgba(220, 220, 220, 0.5); }

img.full-width {
  width: 100%;
  margin: 1.5rem 0;
  font-size: 0.1px; }

@media only screen and (min-width: 40.063em) {
  img.full-width {
    width: 116.6667%;
    margin-top: 0; } }
img.over-width {
  width: 100%;
  margin: 1.5rem 0;
  font-size: 0.1px; }

@media only screen and (min-width: 40.063em) {
  img.over-width {
    margin: 0 0 1.1875rem -25%;
    width: 150%;
    max-width: inherit; } }
@media only screen and (min-width: 64.063em) {
  img.over-width {
    margin: 0 0 1.1875rem -33.3333%;
    width: 166.6667%; } }
img.half-width {
  display: block;
  margin: 0 1rem -0.5rem;
  width: 50%; }

@media only screen and (min-width: 40.063em) {
  img.half-width {
    width: 66.6667%;
    margin: 0.25rem 0; } }
img.float-right {
  float: right;
  margin-left: 1rem; }

@media only screen and (min-width: 40.063em) {
  img.float-right {
    margin-right: -16.66667%; } }
img.float-left {
  float: left;
  margin-right: 1rem; }

@media only screen and (min-width: 40.063em) {
  img.float-left {
    margin-left: -16.66667%; } }
.image-group {
  width: 100%;
  margin: 1.5rem 0;
  font-size: 0.1px; }

@media only screen and (min-width: 40.063em) {
  .image-group {
    white-space: nowrap;
    margin-left: -16.66667%;
    width: 133.3333%; } }
.image-group-four img {
  width: 23.5%;
  margin: 1%; }

.image-group img:first-child {
  margin-left: 0; }

.image-group img:last-child {
  margin-right: 0; }

figure {
  position: relative;
  margin: 0 auto 3rem; }

figure img {
  max-width: 100%; }

figure img.full-width {
  margin-bottom: 0; }

figcaption {
  position: absolute;
  margin: 0 auto;
  min-width: 50%;
  padding: 0.25rem 0;
  font-family: "aaj", "franklin-gothic-urw", "Helvetica Neue", "Helvetica", "Tahoma", sans-serif;
  font-size: 0.875rem;
  text-align: left; }

form {
  margin-top: 2rem;
  font-family: "aaj", "franklin-gothic-urw", "Helvetica Neue", "Helvetica", "Tahoma", sans-serif; }

label {
  color: #494949;
  cursor: default;
  font-size: 0.875rem;
  font-weight: normal;
  margin-bottom: 0.1875rem; }

button, input, select, textarea {
  border-radius: 2px; }

textarea {
  height: 10rem;
  resize: vertical; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  background-color: #FFF;
  box-shadow: none; }

input[type="submit"] {
  width: 100%;
  height: 2.5rem;
  margin-top: 0.25rem;
  border: none;
  font-size: 0.875rem;
  color: #494949;
  background-color: #C5C2B7;
  border: 1px solid rgba(153, 153, 153, 0);
  transition: 0.3s ease; }

input[type="submit"]:hover {
  background-color: #B8B4A8; }

input[type="submit"]:focus {
  background-color: #B8B4A8;
  box-shadow: 0 0 5px #999;
  border-color: #999;
  outline: none; }

input[type="submit"]:active {
  background-color: #AAA492; }

.required {
  float: right;
  color: #C51414; }

.header {
  position: fixed;
  z-index: 1;
  top: 0;
  height: 2rem; }

.top-bar {
  height: 2rem;
  line-height: inherit;
  background-color: inherit;
  color: #e8e4d7; }

.top-bar ul {
  padding-top: 0.4rem; }

.top-bar li {
  display: inline-block;
  color: inherit;
  font-size: 0.8375rem;
  font-family: "aaj", "franklin-gothic-urw", "Helvetica Neue", "Helvetica", "Tahoma", sans-serif;
  text-transform: capitalize; }

.top-bar a {
  text-transform: capitalize;
  color: inherit;
  text-decoration: none; }

.contain-to-grid {
  background-color: #343434; }

.contain-to-grid .top-bar {
  max-width: inherit;
  margin-bottom: 0; }

.top-bar-section ul {
  background-color: inherit;
  width: auto; }

.top-bar-section ul li > a {
  display: inline;
  width: auto;
  color: inherit;
  padding: 0;
  font-family: "aaj", "franklin-gothic-urw", "Helvetica Neue", "Helvetica", "Tahoma", sans-serif;
  font-size: inherit;
  font-weight: inherit;
  background: inherit; }

.top-bar-section ul li:hover > a, .top-bar-section ul li:focus > a {
  background: inherit;
  color: inherit;
  text-decoration: none; }

.top-bar-section ul li:hover:not(.has-form) > a {
  background: inherit;
  color: #fffcf5; }

.top-bar-section li:not(.has-form) a:not(.button) {
  padding: 0 0 0.125rem;
  line-height: inherit;
  background: inherit; }

.top-bar-section li:not(.has-form) a:not(.button):hover {
  background: transparent; }

.breadcrumbs {
  margin: 0;
  padding: 0.5rem 0;
  border: none;
  border-radius: 0;
  background-color: inherit; }

.breadcrumbs > * {
  line-height: inherit; }

.breadcrumbs > *.current {
  color: #c8bf9f; }

.breadcrumbs > *:before {
  color: #b0a375;
  position: static;
  margin: 0 0.5rem; }

.right li:first-child {
  padding-right: 1.5rem; }

#screenshots {
  margin-top: -3rem;
  padding-top: 3rem; }

.screenshot {
  display: none;
  margin-top: -8rem;
  padding-top: 8rem; }

.current-screenshot {
  display: block; }

#chooser a {
  font-family: "aaj", "franklin-gothic-urw", "Helvetica Neue", "Helvetica", "Tahoma", sans-serif;
  text-transform: uppercase;
  font-size: 10px; }

#chooser a:hover, #chooser a:focus {
  text-decoration: none;
  color: #9B5E10; }

#chooser a [class^="icon-"], #chooser a [class*=" icon-"] {
  speak: none;
  display: block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 3rem;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@media only screen and (min-width: 23.375em) {
  #chooser a [class^="icon-"], #chooser a [class*=" icon-"] {
    font-size: 4rem; } }
.current-display {
  color: #222; }

.current-display:hover, .current-display:focus {
  color: #222;
  cursor: default; }

.current-display:active {
  color: #222; }

.icon-laptop:before {
  content: "\e601"; }

.icon-tablet-portrait:before {
  content: "\e602"; }

.icon-monitor:before {
  content: "\e600"; }

.icon-tablet-landscape:before {
  content: "\e603"; }

.icon-phone-portrait:before {
  content: "\e604"; }

.icon-phone-landscape:before {
  content: "\e605"; }

.footer {
  height: 6rem;
  margin-top: 4.5rem;
  font-family: "aaj", "franklin-gothic-urw", "Helvetica Neue", "Helvetica", "Tahoma", sans-serif; }

.footer > .row {
  padding: 0 1.171875rem; }

.footer > .row > .columns {
  border-top: 1px solid #CFCFCF;
  padding: 1.5rem 0; }

.footer > .row p {
  text-align: left;
  font-size: 0.6667rem; }

.footer > .row .contact {
  text-align: center; }

.footer > .row .contact p {
  display: inline-block; }

.footer > .row .colophon {
  text-align: right; }

.footer > .row .colophon p {
  display: inline-block; }

.chicago {
  color: #FF0F48;
  vertical-align: middle; }