!*
 *
 * inuitcss.com -- @inuitcss -- @csswizardry
 *
 *//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
  display: block;
}

[hidden] {
  display: none;
}

html {
  font-family: 'Lato', sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  background-color: #F9F8F4;
  margin: 0;
}

.date{
  font-size: 20px;
  font-family: 'Lato', sans-serif;
  padding-bottom: none;
  margin-bottom: none;

  
}

.subtitle {
    font-size: 12px;
    font-family: 'work sans', sans-serif;
    letter-spacing: 3px;
    color: gray;
    padding-top: none;
    margin-top: none;
    /*font-weight: 300;*/
}

footer {
  padding: 20px 0;
  background-color: #7FC2EB;
  font-size: 16px;
  color: #fff;
  width: 100%;
  position: absolute;
  left: 0px;
  bottom: 0px;

} 

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 30px;
  padding-right: 30px;
} 

.footer-columns {
  display: table;
  width: 100%;
}

.footer-column {
  display: table-cell;
  vertical-align: middle;
}

.footer-link {
  display: inline-block;
  margin-right: 20px;
}

.footer-column {
  display: table-cell;
  vertical-align: middle;
}

.footer-about {
  text-align: right;


}
.footer__a {
  background-image: none;
  color: #fff;
} 

.footer__a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px){
  .footer-columns, .footer-column {
    display: block;
  }
}

@media screen and (max-width: 543px){
  .footer-links {
    display: block;
    text-align: center;
}
}

@media screen and (max-width: 543px){
  .footer-link {
    display: block;
    margin-bottom: 15px;
}
}

@media screen and (max-width: 767px){
  .footer-link {
    margin-right: 0;
  }
}

@media screen and (max-width: 767px){
.footer-about {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #F9F8F4;
    text-align: center;
}
}
    .space {
    padding-bottom: 200px;
  }


/*footer p {
  font-family: 'Lato', sans-serif;
  color: #fff; 
  font-size: 16px;
  font-weight: 300;
  padding-top: 0px;
  padding-right: 10px;
  line-height: 50px;
  text-align: right;

  text-decoration: none !important;
}*/
/*.footer__links {
  color: #fff;
  text-align: left;
  text-decoration: none !important;
  background-image: none !important;

}

#footer__name {
  color: #fff;
  text-align: right;
  text-decoration: none !important;
  background-image: none !important;
}*/

a:focus {
  outline: thin dotted;
}

a:active,a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

mark {
  background: #ff0;
  color: #000;
}

code,kbd,pre,samp {
  font-family: 'Lato', sans-serif;
  font-size: 1em;
}

pre {
  white-space: pre-wrap;
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

small {
  font-size: 80%;
}

sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

button,input,select,textarea {
  font-family: 'Lato', sans-serif;;
  font-size: 100%;
  margin: 0;
}

button,input {
  line-height: normal;
}

button,select {
  text-transform: none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],html input[disabled] {
  cursor: default;
}

input[type="checkbox"],input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

*,*:before,*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,form,fieldset,legend,table,th,td,caption,hr {
  margin: 0;
  padding: 0;
}

abbr[title],dfn[title] {
  cursor: help;
}

u,ins {
  text-decoration: none;
}

ins {
  border-bottom: 1px solid;
}

img {
  font-style: italic;
}

label,input,textarea,button,select,option {
  cursor: pointer;
}

.text-input:active,.text-input:focus,textarea:active,textarea:focus {
  cursor: text;
  outline: none;
}

.cf:after,.media:after {
  content: "";
  display: table;
  clear: both;
}

h1,h2,h3,h4,h5,h6,hgroup,ul,ol,dl,blockquote,address,table,fieldset,figure,pre,.form-fields>li,.media,.island,.islet {
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.islet h1,.islet h2,.islet h3,.islet h4,.islet h5,.islet h6,.islet hgroup,.islet ul,.islet ol,.islet dl,.islet blockquote,.islet p,.islet address,.islet table,.islet fieldset,.islet figure,.islet pre,.islet .form-fields>li,.islet .media,.islet .island,.islet .islet {
  margin-bottom: 12px;
  margin-bottom: .75rem;
}

.landmark {
  margin-bottom: 48px;
  margin-bottom: 3rem;
}

hr {
  margin-bottom: 22px;
  margin-bottom: 1.375rem;
}

ul,ol,dd {
  margin-left: 48px;
  margin-left: 3rem;
}

html {
  font: 1em/1.5 sans-serif;
  overflow-y: scroll;
  min-height: 100%;
}

h1,.alpha {
  font-size: 54px;
  font-size: 3.375rem;
  line-height: 1.33333;
}

h2,.beta {
  font-size: 38px;
  font-size: 2.375rem;
  line-height: 1.26316;
}

h3,.gamma {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.6;
}

h4,.delta {
  font-size: 23px;
  font-size: 1.4375rem;
  line-height: 1.04348;
}

h5,.epsilon {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
}

h6,.zeta {
  font-size: 14px;
  font-size: .875rem;
  line-height: 1.71429;
}

hgroup .hN {
  margin-bottom: 0;
}

.giga {
  font-size: 96px;
  font-size: 6rem;
  line-height: 1;
}

.mega {
  font-size: 72px;
  font-size: 4.5rem;
  line-height: 1;
}

.kilo {
  font-size: 48px;
  font-size: 3rem;
  line-height: 1;
}

.lede,.lead {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.33333;
}

.smallprint,.milli {
  font-size: 12px;
  font-size: .75rem;
  line-height: 2;
}

.micro {
  font-size: 10px;
  font-size: .625rem;
  line-height: 2.4;
}

q {
  quotes: "‘" "’" "“" "”";
}

q:before {
  content: open-quote;
}

q:after {
  content: close-quote;
}

q q:before {
  content: open-quote;
}

q q:after {
  content: close-quote;
}

blockquote {
  quotes: "“" "”";
}

blockquote p:before {
  content: open-quote;
}

blockquote p:after {
  content: "”";
}

blockquote q:before {
  content: open-quote;
}

blockquote q:after {
  content: close-quote;
}

blockquote {
  text-indent: -0.41em;
}

blockquote p:last-of-type {
  margin-bottom: 0;
}

.source {
  display: block;
  text-indent: 0;
  font-size: 0.625em;
}

.source:before {
  content: "\2014";
}

.source:after {
  content: "";
}

pre {
  overflow: auto;
}

pre mark {
  background: none;
  border-bottom: 1px solid;
  color: inherit;
}

.code-comment {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.line-numbers {
  font-family: 'Lato', sans-serif;
  list-style: decimal-leading-zero inside;
  white-space: nowrap;
  overflow: auto;
  margin-left: 0;
}

.line-numbers code {
  white-space: pre;
}

img {
  max-width: 100%;
}

img[width],img[height] {
  max-width: none;
}

.img--round {
  border-radius: 4px;
}

.img--right {
  float: right;
  margin-bottom: 24px;
  margin-left: 24px;
}

.img--left {
  float: left;
  margin-right: 24px;
  margin-bottom: 24px;
}

.img--center {
  display: block;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
}

.img--short {
  height: 120px;
}

.img--medium {
  height: 240px;
}

.img--tall {
  height: 360px;
}

figure>img {
  display: block;
}

li>ul,li>ol {
  margin-bottom: 0;
}

.numbered-list {
  list-style-type: decimal;
}

table {
  width: 100%;
}

th,td {
  padding: 6px;
  text-align: left;
}

@media screen and (min-width: 480px) {
  th,td {
    padding: 12px;
  }
}

[colspan] {
  text-align: center;
}

[colspan="1"] {
  text-align: left;
}

[rowspan] {
  vertical-align: middle;
}

[rowspan="1"] {
  vertical-align: top;
}

.numerical {
  text-align: right;
}

.t5 {
  width: 5%;
}

.t10 {
  width: 10%;
}

.t12 {
  width: 12.5%;
}

.t15 {
  width: 15%;
}

.t20 {
  width: 20%;
}

.t25 {
  width: 25%;
}

.t30 {
  width: 30%;
}

.t33 {
  width: 33.333%;
}

.t35 {
  width: 35%;
}

.t37 {
  width: 37.5%;
}

.t40 {
  width: 40%;
}

.t45 {
  width: 45%;
}

.t50 {
  width: 50%;
}

.t55 {
  width: 55%;
}

.t60 {
  width: 60%;
}

.t62 {
  width: 62.5%;
}

.t65 {
  width: 65%;
}

.t66 {
  width: 66.666%;
}

.t70 {
  width: 70%;
}

.t75 {
  width: 75%;
}

.t80 {
  width: 80%;
}

.t85 {
  width: 85%;
}

.t87 {
  width: 87.5%;
}

.t90 {
  width: 90%;
}

.t95 {
  width: 95%;
}

.table--bordered th,.table--bordered td {
  border: 1px solid #ccc;
}

.table--bordered th:empty,.table--bordered td:empty {
  border: none;
}

.table--bordered thead tr:last-child th {
  border-bottom-width: 2px;
}

.table--bordered tbody tr th:last-of-type {
  border-right-width: 2px;
}

.table--striped tbody tr:nth-of-type(odd) {
  background-color: #ffc;
}

.table--data {
  font: 12px/1.5 sans-serif;
}

fieldset {
  padding: 24px;
}

.form-fields {
  list-style: none;
  margin: 0;
}

.form-fields>li:last-child {
  margin-bottom: 0;
}

label,.label {
  display: block;
}

.additional {
  display: block;
  font-weight: normal;
}

.check-list {
  list-style: none;
  margin: 0;
}

.check-label,.check-list label,.check-list .label {
  display: inline-block;
}

.spoken-form label {
  display: inline-block;
  font: inherit;
}

.extra-help {
  display: inline-block;
  visibility: hidden;
}

.text-input:active+.extra-help,.text-input:focus+.extra-help {
  visibility: visible;
}

.grid {
  margin-left: -24px;
  list-style: none;
  margin-bottom: 0;
}

.grid>.grid {
  margin-left: 0;
}

.grid__item {
  display: inline-block;
  width: 100%;
  padding-left: 24px;
  vertical-align: top;
}

.media {
  display: block;
}

.media__img {
  float: left;
  margin-right: 24px;
}

.media__img--rev {
  float: right;
  margin-left: 24px;
}

.media__img img,.media__img--rev img {
  display: block;
}

.media__body {
  overflow: hidden;
}

.media__body,.media__body>:last-child {
  margin-bottom: 0;
}

.islet .media__img {
  margin-right: 12px;
}

.islet .media__img--rev {
  margin-left: 12px;
}

.one-whole {
  width: 100%;
}

.one-half,.two-quarters,.three-sixths,.four-eighths,.five-tenths,.six-twelfths {
  width: 50%;
}

.one-third,.two-sixths,.four-twelfths,.intro .contact-form input[type="email"],.intro .contact-form textarea {
  width: 33.333%;
}

.two-thirds,.four-sixths,.eight-twelfths,.intro .contact-form textarea {
  width: 66.666%;
}

.one-quarter,.two-eighths,.three-twelfths {
  width: 25%;
}

.three-quarters,.six-eighths,.nine-twelfths {
  width: 75%;
}

.one-fifth,.two-tenths {
  width: 20%;
}

.two-fifths,.four-tenths {
  width: 40%;
}

.three-fifths,.six-tenths {
  width: 60%;
}

.four-fifths,.eight-tenths {
  width: 80%;
}

.one-sixth,.two-twelfths,.intro .articles .post-date {
  width: 16.666%;
}

.five-sixths,.ten-twelfths {
  width: 83.333%;
}

.one-eighth {
  width: 12.5%;
}

.three-eighths {
  width: 37.5%;
}

.five-eighths {
  width: 62.5%;
}

.seven-eighths {
  width: 87.5%;
}

.one-tenth {
  width: 10%;
}

.three-tenths {
  width: 30%;
}

.seven-tenths {
  width: 70%;
}

.nine-tenths {
  width: 90%;
}

.one-twelfth {
  width: 8.333%;
}

.five-twelfths {
  width: 41.666%;
}

.seven-twelfths {
  width: 58.333%;
}

.eleven-twelfths {
  width: 91.666%;
}

@media only screen and (max-width: 480px) {
  .palm-one-whole {
    width: 100%;
  }

  .palm-one-half,.palm-two-quarters,.palm-three-sixths,.palm-four-eighths,.palm-five-tenths,.palm-six-twelfths {
    width: 50%;
  }

  .palm-one-third,.palm-two-sixths,.palm-four-twelfths {
    width: 33.333%;
  }

  .palm-two-thirds,.palm-four-sixths,.palm-eight-twelfths {
    width: 66.666%;
  }

  .palm-one-quarter,.palm-two-eighths,.palm-three-twelfths {
    width: 25%;
  }

  .palm-three-quarters,.palm-six-eighths,.palm-nine-twelfths {
    width: 75%;
  }

  .palm-one-fifth,.palm-two-tenths {
    width: 20%;
  }

  .palm-two-fifths,.palm-four-tenths {
    width: 40%;
  }

  .palm-three-fifths,.palm-six-tenths {
    width: 60%;
  }

  .palm-four-fifths,.palm-eight-tenths {
    width: 80%;
  }

  .palm-one-sixth,.palm-two-twelfths {
    width: 16.666%;
  }

  .palm-five-sixths,.palm-ten-twelfths {
    width: 83.333%;
  }

  .palm-one-eighth {
    width: 12.5%;
  }

  .palm-three-eighths {
    width: 37.5%;
  }

  .palm-five-eighths {
    width: 62.5%;
  }

  .palm-seven-eighths {
    width: 87.5%;
  }

  .palm-one-tenth {
    width: 10%;
  }

  .palm-three-tenths {
    width: 30%;
  }

  .palm-seven-tenths {
    width: 70%;
  }

  .palm-nine-tenths {
    width: 90%;
  }

  .palm-one-twelfth {
    width: 8.333%;
  }

  .palm-five-twelfths {
    width: 41.666%;
  }

  .palm-seven-twelfths {
    width: 58.333%;
  }

  .palm-eleven-twelfths {
    width: 91.666%;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .lap-one-whole {
    width: 100%;
  }

  .lap-one-half,.lap-two-quarters,.lap-three-sixths,.lap-four-eighths,.lap-five-tenths,.lap-six-twelfths {
    width: 50%;
  }

  .lap-one-third,.lap-two-sixths,.lap-four-twelfths {
    width: 33.333%;
  }

  .lap-two-thirds,.lap-four-sixths,.lap-eight-twelfths {
    width: 66.666%;
  }

  .lap-one-quarter,.lap-two-eighths,.lap-three-twelfths {
    width: 25%;
  }

  .lap-three-quarters,.lap-six-eighths,.lap-nine-twelfths {
    width: 75%;
  }

  .lap-one-fifth,.lap-two-tenths {
    width: 20%;
  }

  .lap-two-fifths,.lap-four-tenths {
    width: 40%;
  }

  .lap-three-fifths,.lap-six-tenths {
    width: 60%;
  }

  .lap-four-fifths,.lap-eight-tenths {
    width: 80%;
  }

  .lap-one-sixth,.lap-two-twelfths {
    width: 16.666%;
  }

  .lap-five-sixths,.lap-ten-twelfths {
    width: 83.333%;
  }

  .lap-one-eighth {
    width: 12.5%;
  }

  .lap-three-eighths {
    width: 37.5%;
  }

  .lap-five-eighths {
    width: 62.5%;
  }

  .lap-seven-eighths {
    width: 87.5%;
  }

  .lap-one-tenth {
    width: 10%;
  }

  .lap-three-tenths {
    width: 30%;
  }

  .lap-seven-tenths {
    width: 70%;
  }

  .lap-nine-tenths {
    width: 90%;
  }

  .lap-one-twelfth {
    width: 8.333%;
  }

  .lap-five-twelfths {
    width: 41.666%;
  }

  .lap-seven-twelfths {
    width: 58.333%;
  }

  .lap-eleven-twelfths {
    width: 91.666%;
  }
}

@media only screen and (min-width: 481px) {
  .lap-and-up-one-whole {
    width: 100%;
  }

  .lap-and-up-one-half,.lap-and-up-two-quarters,.lap-and-up-three-sixths,.lap-and-up-four-eighths,.lap-and-up-five-tenths,.lap-and-up-six-twelfths {
    width: 50%;
  }

  .lap-and-up-one-third,.lap-and-up-two-sixths,.lap-and-up-four-twelfths {
    width: 33.333%;
  }

  .lap-and-up-two-thirds,.lap-and-up-four-sixths,.lap-and-up-eight-twelfths {
    width: 66.666%;
  }

  .lap-and-up-one-quarter,.lap-and-up-two-eighths,.lap-and-up-three-twelfths {
    width: 25%;
  }

  .lap-and-up-three-quarters,.lap-and-up-six-eighths,.lap-and-up-nine-twelfths {
    width: 75%;
  }

  .lap-and-up-one-fifth,.lap-and-up-two-tenths {
    width: 20%;
  }

  .lap-and-up-two-fifths,.lap-and-up-four-tenths {
    width: 40%;
  }

  .lap-and-up-three-fifths,.lap-and-up-six-tenths {
    width: 60%;
  }

  .lap-and-up-four-fifths,.lap-and-up-eight-tenths {
    width: 80%;
  }

  .lap-and-up-one-sixth,.lap-and-up-two-twelfths {
    width: 16.666%;
  }

  .lap-and-up-five-sixths,.lap-and-up-ten-twelfths {
    width: 83.333%;
  }

  .lap-and-up-one-eighth {
    width: 12.5%;
  }

  .lap-and-up-three-eighths {
    width: 37.5%;
  }

  .lap-and-up-five-eighths {
    width: 62.5%;
  }

  .lap-and-up-seven-eighths {
    width: 87.5%;
  }

  .lap-and-up-one-tenth {
    width: 10%;
  }

  .lap-and-up-three-tenths {
    width: 30%;
  }

  .lap-and-up-seven-tenths {
    width: 70%;
  }

  .lap-and-up-nine-tenths {
    width: 90%;
  }

  .lap-and-up-one-twelfth {
    width: 8.333%;
  }

  .lap-and-up-five-twelfths {
    width: 41.666%;
  }

  .lap-and-up-seven-twelfths {
    width: 58.333%;
  }

  .lap-and-up-eleven-twelfths {
    width: 91.666%;
  }
}

@media only screen and (max-width: 1023px) {
  .portable-one-whole {
    width: 100%;
  }

  .portable-one-half,.portable-two-quarters,.portable-three-sixths,.portable-four-eighths,.portable-five-tenths,.portable-six-twelfths {
    width: 50%;
  }

  .portable-one-third,.portable-two-sixths,.portable-four-twelfths {
    width: 33.333%;
  }

  .portable-two-thirds,.portable-four-sixths,.portable-eight-twelfths {
    width: 66.666%;
  }

  .portable-one-quarter,.portable-two-eighths,.portable-three-twelfths {
    width: 25%;
  }

  .portable-three-quarters,.portable-six-eighths,.portable-nine-twelfths {
    width: 75%;
  }

  .portable-one-fifth,.portable-two-tenths {
    width: 20%;
  }

  .portable-two-fifths,.portable-four-tenths {
    width: 40%;
  }

  .portable-three-fifths,.portable-six-tenths {
    width: 60%;
  }

  .portable-four-fifths,.portable-eight-tenths {
    width: 80%;
  }

  .portable-one-sixth,.portable-two-twelfths {
    width: 16.666%;
  }

  .portable-five-sixths,.portable-ten-twelfths {
    width: 83.333%;
  }

  .portable-one-eighth {
    width: 12.5%;
  }

  .portable-three-eighths {
    width: 37.5%;
  }

  .portable-five-eighths {
    width: 62.5%;
  }

  .portable-seven-eighths {
    width: 87.5%;
  }

  .portable-one-tenth {
    width: 10%;
  }

  .portable-three-tenths {
    width: 30%;
  }

  .portable-seven-tenths {
    width: 70%;
  }

  .portable-nine-tenths {
    width: 90%;
  }

  .portable-one-twelfth {
    width: 8.333%;
  }

  .portable-five-twelfths {
    width: 41.666%;
  }

  .portable-seven-twelfths {
    width: 58.333%;
  }

  .portable-eleven-twelfths {
    width: 91.666%;
  }
}

@media only screen and (min-width: 1024px) {
  .desk-one-whole {
    width: 100%;
  }

  .desk-one-half,.desk-two-quarters,.desk-three-sixths,.desk-four-eighths,.desk-five-tenths,.desk-six-twelfths {
    width: 50%;
  }

  .desk-one-third,.desk-two-sixths,.desk-four-twelfths {
    width: 33.333%;
  }

  .desk-two-thirds,.desk-four-sixths,.desk-eight-twelfths {
    width: 66.666%;
  }

  .desk-one-quarter,.desk-two-eighths,.desk-three-twelfths {
    width: 25%;
  }

  .desk-three-quarters,.desk-six-eighths,.desk-nine-twelfths {
    width: 75%;
  }

  .desk-one-fifth,.desk-two-tenths {
    width: 20%;
  }

  .desk-two-fifths,.desk-four-tenths {
    width: 40%;
  }

  .desk-three-fifths,.desk-six-tenths {
    width: 60%;
  }

  .desk-four-fifths,.desk-eight-tenths {
    width: 80%;
  }

  .desk-one-sixth,.desk-two-twelfths {
    width: 16.666%;
  }

  .desk-five-sixths,.desk-ten-twelfths {
    width: 83.333%;
  }

  .desk-one-eighth {
    width: 12.5%;
  }

  .desk-three-eighths {
    width: 37.5%;
  }

  .desk-five-eighths {
    width: 62.5%;
  }

  .desk-seven-eighths {
    width: 87.5%;
  }

  .desk-one-tenth {
    width: 10%;
  }

  .desk-three-tenths {
    width: 30%;
  }

  .desk-seven-tenths {
    width: 70%;
  }

  .desk-nine-tenths {
    width: 90%;
  }

  .desk-one-twelfth {
    width: 8.333%;
  }

  .desk-five-twelfths {
    width: 41.666%;
  }

  .desk-seven-twelfths {
    width: 58.333%;
  }

  .desk-eleven-twelfths {
    width: 91.666%;
  }
}

.brand {
  font-family: Helvetica Neue,sans-serif!important;
  color: #4a8ec2!important;
}

.brand-face {
  font-family: Helvetica Neue,sans-serif!important;
}

.brand-color,.brand-colour {
  color: #4a8ec2!important;
}

.float--right {
  float: right !important;
}

.float--left {
  float: left !important;
}

.float--none {
  float: none !important;
}

.text--left {
  text-align: left  !important;
}

.text--center {
  text-align: center !important;
}

.text--right {
  text-align: right !important;
}

.weight--light {
  font-weight: 300 !important;
}

.weight--normal {
  font-weight: 400 !important;
}

.weight--semibold {
  font-weight: 600 !important;
}

.push {
  margin: 24px !important;
}

.push--top {
  margin-top: 24px !important;
}

.push--right {
  margin-right: 24px !important;
}

.push--bottom {
  margin-bottom: 24px !important;
}

.push--left {
  margin-left: 24px !important;
}

.push--ends {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.push--sides {
  margin-right: 24px !important;
  margin-left: 24px !important;
}

.push-half {
  margin: 12px !important;
}

.push-half--top {
  margin-top: 12px !important;
}

.push-half--right {
  margin-right: 12px !important;
}

.push-half--bottom {
  margin-bottom: 12px !important;
}

.push-half--left {
  margin-left: 12px !important;
}

.push-half--ends {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.push-half--sides {
  margin-right: 12px !important;
  margin-left: 12px !important;
}

.flush {
  margin: 0 !important;
}

.flush--top {
  margin-top: 0 !important;
}

.flush--right {
  margin-right: 0 !important;
}

.flush--bottom {
  margin-bottom: 0 !important;
}

.flush--left {
  margin-left: 0 !important;
}

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.soft {
  padding: 24px !important;
}

.soft--top {
  padding-top: 24px !important;
}

.soft--right {
  padding-right: 24px !important;
}

.soft--bottom {
  padding-bottom: 24px !important;
}

.soft--left {
  padding-left: 24px !important;
}

.soft--ends {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.soft--sides {
  padding-right: 24px !important;
  padding-left: 24px !important;
}

.soft-half {
  padding: 12px !important;
}

.soft-half--top {
  padding-top: 12px !important;
}

.soft-half--right {
  padding-right: 12px !important;
}

.soft-half--bottom {
  padding-bottom: 12px !important;
}

.soft-half--left {
  padding-left: 12px !important;
}

.soft-half--ends {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.soft-half--sides {
  padding-right: 12px !important;
  padding-left: 12px !important;
}

.hard {
  padding: 0 !important;
}

.hard--top {
  padding-top: 0 !important;
}

.hard--right {
  padding-right: 0 !important;
}

.hard--bottom {
  padding-bottom: 0 !important;
}

.hard--left {
  padding-left: 0 !important;
}

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.full-bleed {
  margin-right: -24px !important;
  margin-left: -24px !important;
}

.islet .full-bleed {
  margin-right: -12px !important;
  margin-left: -12px !important;
}

.informative {
  cursor: help !important;
}

.muted {
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}

.proceed {
  text-align: right !important;
}

.go:after {
  content: " " "»" !important;
}

.caps {
  text-transform: uppercase !important;
}

.accessibility,.visuallyhidden {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

@media only screen and (max-width: 480px) {
  .accessibility--palm,.visuallyhidden--palm {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .accessibility--lap,.visuallyhidden--lap {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media only screen and (min-width: 481px) {
  .accessibility--lap-and-up,.visuallyhidden--lap-and-up {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media only screen and (max-width: 1023px) {
  .accessibility--portable,.visuallyhidden--portable {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .accessibility--desk,.visuallyhidden--desk {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@media only screen and (min-width: 1140px) {
  .accessibility--desk-wide,.visuallyhidden--desk-wide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
  }
}

@font-face {
  font-family:'Unit Medium';src:url("type/UnitOT-Medi.eot");src:local("☺"),url("type/UnitOT-Medi.woff") format("woff"),url("type/UnitOT-Medi.ttf") format("truetype"),url("type/UnitOT-Medi.svg") format("svg");font-weight:500;font-style:normal;
}

* {
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: 'Lato', sans-serif;
  font-size: 23px;
  line-height: 1.4em;
  font-weight: 400;
  color: #4A4A4A;
  text-rendering: geometricPrecision;
  -webkit-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
  -moz-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
  -ms-font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
  font-feature-settings: 'liga' 1, 'onum' 1, 'kern' 1;
}

@media only screen and (max-width: 480px) {
  body {
    font-size: 20px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  body {
    font-size: 21px;
  }
}

@media only screen and (min-width: 1024px) {
  body {
    font-size: 23px;
  }
}

body h1 {
  font-size: 2.26086956521739em;
}

@media only screen and (max-width: 480px) {
  body h1 {
    font-size: 2em;
    background-image: none;
  }
}

body h2 {
  font-size: 1.5em;
}

body h3 {
  font-family: "chaparral-pro",georgia,serif;
  font-weight: 600;
  font-size: 1em;
}

body h4 {
  font-size: 1em;
}

body h5 {
  font-size: 0.78260869565217;
}

a {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(83%, transparent), color-stop(84%, #222), color-stop(88%, #222), color-stop(88%, transparent));
  background-image: -webkit-linear-gradient(top, transparent 83%, #222 84%, #222 88%, transparent 88%);
  background-image: -moz-linear-gradient(top, transparent 83%, #222 84%, #222 88%, transparent 88%);
  background-image: -o-linear-gradient(top, transparent 83%, #222 84%, #222 88%, transparent 88%);
  background-image: linear-gradient(to bottom, transparent 83%, #222 84%, #222 88%, transparent 88%);
  text-decoration: none;
  color: #222;
}

a.footnote {
  vertical-align: baseline;
  text-decoration: none;
  position: relative;
  background: none;
  top: -0.5em;
  font-size: 75%;
  line-height: 0;
}

a.footnote:after {
  content: ']';
}

a.footnote:before {
  content: '[';
}

h1,h2,h3,h4,h5 {
  font-family: "Unit Medium","helvetica","arial",sans;
  font-weight: 500;
  line-height: 1.15em;
}

h1 {
  padding-top: 0.2em;
  letter-spacing: -1px;
  margin-bottom: 0px;
  line-height: 1.24em;
}

h2 {
  letter-spacing: -1px;
  margin-bottom: 0.05em;
  line-height: 1.3em;
  font-size: 1.5em;
}

h3 {
  margin-bottom: 0.2em;
  margin-top: 1em;
}

h4 {
  margin-bottom: 0.2em;
  line-height: 1.3em;
  margin-top: 1em;
}

h5 {
  font-family: "Unit Medium","helvetica","arial",sans;
  font-size: 18px;
}

blockquote,figure {
  margin-bottom: 1.5em;
}

em {
  font-style: italic;
}

strong {
  font-weight: 600;
}

blockquote {
  padding: 0em 1em;
  margin: 1.5em 0;
  text-indent: 0;
  font-style: italic;
  font-size: 1.6em;
  line-height: 1.5em;
  text-align: center;
}

.blockquote.big {
  font-size: 1.8em;
  line-height: 1.4em;
}

.blockquote.centered {
  text-align: center;
  border: none;
  margin: 1.5em auto;
}

.blockquote.noquote p:before,.blockquote.noquote p:after {
  content: '';
}

figcaption {
  font-style: italic;
  font-size: 0.69565217391304em;
}

hr {
  width: 5em;
  margin: 2.5em auto;
  background-color: #ccc;
  height: 2px;
  border: 0;
}

p.lead {
  font-size: 1.7rem;
  line-height: 1.3;
  font-style: italic;
  margin-bottom: 0;
}

p.lead+p {
  text-indent: 0;
  margin-top: 1em;
}

.mfix {
  margin-bottom: 0px;
}

.hr--full {
  width: 100%;
  background-color: #eee;
  margin: 2em 0;
  height: 1px;
  border: 0;
}

.heading--big {
  font-size: 2.08695652173913em;
  margin-top: 0px;
}

.dropcap {
  float: left;
  font-size: 3.15em;
  margin-right: 0.068em;
  margin-top: 0.26em;
}

@font-face {
  font-family:"Flaticon";src:url("type/flaticon.eot");src:url("type/flaticon.eot#iefix") format("embedded-opentype"),url("type/flaticon.woff") format("woff"),url("type/flaticon.ttf") format("truetype"),url("type/flaticon.svg") format("svg");font-weight:normal;font-style:normal;
}

[class^="flaticon-"]:before,[class*=" flaticon-"]:before,[class^="flaticon-"]:after,[class*=" flaticon-"]:after {
  font-family: Flaticon;
  font-style: normal;
}

.flaticon-back28:before {
  content: "\e000";
}

.flaticon-facebook51:before {
  content: "\e001";
}

.flaticon-glasses9:before {
  content: "\e002";
}

.flaticon-google115:before {
  content: "\e003";
}

.flaticon-menu42:before {
  content: "\e004";
}

.flaticon-twitter44:before {
  content: "\e005";
}

.g {
  display: none;
}

.google .g {
  display: block;
  -webkit-animation: fadeIn 0.3s ease-in-out;
  -moz-animation: fadeIn 0.3s ease-in-out;
  -ms-animation: fadeIn 0.3s ease-in-out;
  -o-animation: fadeIn 0.3s ease-in-out;
  animation: fadeIn 0.3s ease-in-out;
}

.align {
  margin: 0 auto;
  max-width: 1024px;
}

.iphone {
  max-width: 320px !important;
}

.padding {
  padding-left: 1em;
  padding-right: 1em;
}

.intro,.single__article {
  display: inline-block;
  padding-bottom: 1em;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  overflow-scrolling: touch;
  width: 100%;
}

.intro,.single {
  float: left;
  position: relative;
  width: 100%;
}

.page {
  overflow: hidden;
}

.disable-overflow {
  overflow: hidden;
}

body .is-hidden {
  display: none;
}

.orange {
  color: orange;
}

html,body {
  height: 100%;
}

p:empty {
  display: none;
}

.userselect-fix {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.intro .intro .show-all,.intro dd a:hover {
  color: #222;
  text-decoration: none;
}

.intro section {
  width: 100%;
  margin-bottom: 2em;
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .intro section {
    max-width: 720px;
    margin: 1.5em auto;
  }
}

.intro .footer {
  position: relative;
}

.intro h1 {
  font-size: 3em;
}

.intro h1 span {
  display: block;
}

.intro hr.top-bar {
  background: #000;
  height: 4px;
  margin: 0;
  width: 100%;
  border: none;
}

.intro .about {
  padding-top: 2em;
  margin-bottom: 0;
}

.intro .about__picture {
  text-align: center;
}

.intro .about__me__picture {
  max-height: 398px;
  margin-top: 42px;
}

.intro .rectangle__button--followUp {
  color: #fff;
  background-color: #000;
  width: auto;
}

.intro .rectangle,.intro .rectangle:hover {
  text-shadow: none;
  background: none;
}

.intro .talks-list {
  margin-top: 0.5em;
}

.intro .talks-list a {
  background-image: none;
}

.intro .talks-list .media ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.intro .talks-list .media ol li {
  display: inline;
}

.intro .talks-list .media ol li:not(:last-child):after {
  content: ', ';
  display: inline;
}

.intro .talks-list .media__body__header {
  font-size: 1em;
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.intro h4 {
  font-family: "chaparral-pro", georgia, serif;
}

.intro .experience div>a {
  text-decoration: none;
  background-image: none;
}

.intro .articles a {
  text-decoration: none;
  color: #222;
}

.intro .articles .show-all.show-all {
  display: none;
  cursor: pointer;
  margin-top: 1em;
}

.intro .articles .article-list {
  display: block;
}

.intro .articles dt,.intro .articles dd {
  padding-bottom: 2px;
  padding-top: 2px;
}

.intro .articles dt.show a,.intro .articles dt.hide a {
  background: none;
}

.intro .articles .article-list dt {
  margin-right: 24px;
  float: left;
}

.intro .articles .article-list dd {
  padding-left: 24px;
  position: relative;
  margin-left: 4em;
}

.intro .articles .article-list dd:before {
  position: absolute;
  left: -4px;
  content: '>';
}

.intro .articles dd:hover:before {
  -webkit-transition: -webkit-transform 10s linear;
  -moz-transition: -moz-transform 10s linear;
  transition: transform 10s linear;
  font-family: "Flaticon";
  content: "\e002";
  margin-top: 1px;
  left: -9px;
}

.intro .articles dd.rotating:before {
  -webkit-transition: -webkit-transform 10s linear;
  -moz-transition: -moz-transform 10s linear;
  transition: transform 10s linear;
  -webkit-transform: rotate(1440deg);
  -moz-transform: rotate(1440deg);
  transform: rotate(1440deg);
  font-family: "Flaticon";
  content: "\e002";
  left: -9px;
}

.intro .articles .article-list dd:after {
  clear: both;
  content: '';
  visibility: none;
}

.intro .articles .hide {
  display: none;
}

.intro .articles .expanded .hide {
  opacity: 0;
  -webkit-animation: fadeIn 0.3s ease-in-out forwards;
  animation: fadeIn 0.3s ease-in-out forwards;
  display: block;
}

.intro .articles .article-list.collapsed .show-all {
  display: inline-block;
}

.intro .articles .post-date {
  display: inline-block;
  margin-right: 0.5em;
  position: relative;
}

.intro .articles .post-date:after {
  position: absolute;
  content: '>';
  right: 0;
}

.intro .contact-form.sent .input {
  opacity: 0.1;
}

.intro .contact-form.sent input[type="submit"] {
  background: #fff !important;
  color: #000 !important;
}

.intro .contact-form input[type="email"],.intro .contact-form textarea {
  border: none;
  border-bottom: 2px solid #222;
  border-radius: 0;
  padding: 12px 0 6px 0;
  outline: none;
}

.intro .contact-form formset {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  display: block;
}

.intro .contact-form formset+formset {
  display: block;
  margin-top: 1.5em;
}

.intro .contact-form input,.intro .contact-form textarea {
  webkit-appearance: none;
  appearance: none;
  outline: none;
  margin: 0;
}

@media only screen and (max-width: 480px) {
  .intro .contact-form input[type="email"],.intro .contact-form textarea {
    width: 100%;
  }
}

.intro .contact-form input[type="submit"] {
  -webkit-appearance: none;
  border: 2px solid #000;
  appearance: none;
  line-height: 1.2em !important;
  margin-right: 12px;
  color: #fff !important;
  background: #000 !important;
}

.intro .contact-form textarea {
  line-height: 1.5em;
  resize: none;
}

.intro .contact-form label {
  position: relative;
}

.intro .contact-form span {
  -moz-transform: translateY(8px);
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
  transition: all 0.15s ease-in-out;
  position: absolute;
  font-size: 14px;
  left: 0px;
  opacity: 0;
  top: -20px;
}

.intro .contact-form .float-label span {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.intro .contact-form p {
  display: inline-block;
}

.intro .contact-form .shake {
  -webkit-animation: shake 0.5s ease-in-out;
  animation: shake 0.5s ease-in-out;
}

.intro .contact-form .contact__list {
  position: relative;
  padding: 0;
  margin: 0 0 0 12px;
  top: 0.3em;
  list-style: none;
  font-size: 1.5em;
  display: inline-block;
}

.intro .contact-form .contact__list a {
  background: none;
  color: #222;
}

.intro .contact-form .contact__list li {
  display: inline-block;
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .intro .about {
    margin-top: 0.5em;
  }

  .intro .articles {
    margin-top: 0;
  }
}

@media only screen and (max-width: 480px) {
  .intro .reading-time {
    display: none;
  }

  .intro .experience h4 {
    margin-top: 6px;
    font-style: italic;
    font-size: 18px;
  }

  .intro .articles .post-date {
    font-style: italic;
    display: block;
    width: 100%;
  }

  .intro .articles .post-date:after {
    display: none;
  }

  .intro .media {
    margin-bottom: 1.5rem;
  }

  .intro .media__img {
    float: left;
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 100%;
  }

  .intro .media__img--wix img {
    margin-left: -50px;
  }

  .intro .media__image-uxsls2 img {
    margin-left: -14px;
    margin-top: -25px;
  }

  .intro .media__img--sevilla img {
    margin-left: -47px;
    max-width: 120px;
    margin-top: -3px;
  }

  .intro .media__img--wceu img {
    margin-left: -60px;
    margin-top: -20px;
  }

  .intro .media__img-uxsls img {
    margin-top: -30px;
    margin-left: -50px;
  }

  .intro .media__img--uxls img {
    margin-left: -50px;
  }

  .intro formset {
    text-align: center;
  }

  .intro input[type="submit"] {
    width: 100% !important;
    height: 3em !important;
  }

  .intro .contact-form p {
    margin-top: 3em;
    margin-bottom: 0.25em;
    display: block;
  }

  .intro .contact-form .contact__list {
    margin-left: 0;
  }

  .intro .about {
    margin-top: 320px;
  }

  .intro h1 {
    background-position: 0px 0px;
    padding-top: 0.33em;
    font-size: 2em;
  }

  .intro .about {
    margin-top: 0px;
  }
}

.single figure,.single blockquote,.single p,.single h1,.single h2,.single h3,.single h4,.single h5,.single h6,.single ul,.single ol,.single .comments,.single .wp_syntax {
  padding-left: 19px;
  padding-right: 19px;
  margin-left: auto;
  margin-right: auto;
  max-width: 702px;
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .single figure,.single blockquote,.single p,.single h1,.single h2,.single h3,.single h4,.single h5,.single h6,.single ul,.single ol,.single .comments,.single .wp_syntax {
    max-width: 632px;
  }
}

.single img {
  max-width: 100%;
  vertical-align: top;
}

.single figure {
  position: relative;
  margin: 1.5em auto;
}

.single figcaption {
  position: absolute;
  padding-top: 8px;
  line-height: 21px;
  text-align: right;
  width: 152px;
  left: -154px;
  top: 0px;
}

.single figcaption:after {
  background-color: #222;
  position: absolute;
  content: '';
  top: 0px;
  height: 1px;
  right: 0px;
  width: 1em;
}

.single figcaption>p {
  padding: 0;
}

.single figure.centered {
  text-align: center;
}

.single figure.centered img {
  display: inline;
}

.single figure.centered figcaption {
  margin: 0.5em auto 0 auto;
  background: none;
  text-align: center;
  position: static;
  width: 288px;
  float: none;
}

.single figure.centered figcaption:after {
  display: none;
}

.single figure.wide {
  max-width: 766px;
}

.single figure.wide img {
  max-width: 100%;
}

.single figure.small img {
  max-width: 248px;
}

.single figure video {
  max-width: 100%;
}

.single .body figure a {
  background-image: none;
  text-shadow: none;
}

.single .body a:hover,.single .comments a:hover {
  text-decoration: none;
}

.single .body {
  padding-top: 6em;
}

.single .mood+.body {
  padding-top: 2em;
}

.single .body ul {
  list-style-position: outside;
  list-style-type: square;
  margin-bottom: 1.5em;
  margin-top: 1.5em;
}

.single .body ul li {
  margin-left: 1.1em;
  padding-left: 4px;
}

.single .shareButtons {
  margin: 3em 0;
  list-style: none;
  text-align: right;
}

.single .shareButtons__item {
  display: inline-block;
  margin-left: -6px;
}

.single .shareButtons__item a {
  -webkit-transition: opacity 0.15s ease-in-out;
  -moz-transition: opacity 0.15s ease-in-out;
  -ms-transition: opacity 0.15s ease-in-out;
  -o-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
  background-image: none;
  text-shadow: none;
  display: inline-block;
  font-style: normal;
  text-align: center;
  padding-top: 6px;
  font-size: 1.4em;
  height: 38px;
  width: 38px;
  color: #000;
  opacity: 0.4;
}

.single .shareButtons__item a:hover {
  text-decoration: none;
  opacity: 1;
}

.single .back-menu {
  color: rgba(0,0,0,0.5);
  font-size: 1.4em;
}

.single .back-menu.background--dark {
  color: rgba(255,255,255,0.8);
}

.single .back-menu.background--dark:hover {
  color: #fff;
}

.single .back-menu.background--light {
  color: rgba(0,0,0,0.5);
}

.single .back-menu.background--light:hover {
  color: #000;
}

.single .meta {
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotateY(0deg);
  position: absolute;
  z-index: 99999;
  color: #000;
  height: 64px;
  width: 30%;
  top: 0px;
  left: 0px;
}

.single .meta__author {
  background: url("../img/author_az.png") no-repeat 94% 8px transparent;
  -webkit-transition: all 0.08s ease-in-out;
  -moz-transition: all 0.08s ease-in-out;
  -ms-transition: all 0.08s ease-in-out;
  -o-transition: all 0.08s ease-in-out;
  transition: all 0.08s ease-in-out;
  padding: 22px 72px 21px 16px;
  font-style: normal;
  margin: 0px;
  height: 64px;
  float: right;
}

.single .meta__author:hover {
  background-color: #000;
  color: #fff;
}

.single .meta__title {
  float: left;
  padding: 0px;
  margin: 23px 0px 0px 14px;
}

.single .meta .rectangle__button {
  background-color: transparent;
  text-shadow: none;
  border-radius: 4px;
  width: 36px;
  height: 32px;
  padding-top: 5px;
  margin-top: 8px;
  margin-left: 8px;
  float: left;
  border: none;
}

.single .fs1.rectangle__button:hover {
  background-color: transparent;
}

.single .meta a {
  color: #000;
}

.single .rectangle__button--loading:hover {
  background-color: transparent;
}

.single .rectangle__button--text,.single .intro .contact-form input[type="submit"],.intro .contact-form .single input[type="submit"] {
  background-color: #000;
}

.single .rectangle__button--text,.single .intro .contact-form input[type="submit"],.intro .contact-form .single input[type="submit"] {
  float: none;
  margin: 1em 0em 0em 0em;
}

.single .single__article {
  width: 100%;
  height: 100%;
}

.single .bg {
  background-color: #fff;
}

.single .comments {
  margin: 0 auto 72px auto;
}

.single .comments p {
  padding: 0;
}

.single .comments>p {
  border-top: 1px solid #ddd;
  margin-top: 2em;
  padding-top: 2em;
}

.single dl.comments {
  padding: 0 0 5em 0;
}

.single .comments:empty {
  padding: 0;
}

.single .comments__title {
  border-bottom: 4px solid #ccc;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 0.5em;
  margin-top: 0px;
  padding-bottom: 0.3em;
}

.single .comment__textInput {
  -webkit-transition: all 0.12s ease;
  -moz-transition: all 0.12s ease;
  -ms-transition: all 0.12s ease;
  -o-transition: all 0.12s ease;
  transition: all 0.12s ease;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #ccc;
  padding: 0.52173913043478em;
  height: 2.34782608695652em;
  overflow: auto;
  width: 100%;
  resize: none;
  margin: 0px;
}

.single .comment__textInput--name,.single .comment__textInput--email {
  width: 75%;
}

.single .comment__textInput:hover {
  border: 1px solid #bbb;
}

.single .commentForm__inputWrapper {
  text-indent: 0;
  margin: 1em 0em 0em 0em;
}

.single .comments__author {
  display: block;
  background: url("../img/bar-comment.png") no-repeat bottom left transparent;
  padding: 4px 0px 10px 0px;
  margin: 12px 0px 8px 0px;
  text-transform: lowercase;
  font-family: "Unit Medium","helvetica","arial",sans;
  font-size: 16px;
  color: #222;
}

.single .comments__content__date {
  float: right;
  color: #666;
  font-size: 0.8em;
}

.single .comments__content {
  margin-left: 0px;
  font-size: 16px;
  line-height: 1.5em;
  color: #666;
}

.single .comments__content p,.single .comments__content p+p {
  margin: 0 0 1em 0;
  text-indent: 0px;
  color: #666;
  padding: 0;
}

.single .no__comment {
  margin: 1em 0em;
}

.single .is-collapsed div {
  display: none;
}

.single .js-comment {
  height: 272px;
}

.single .is-collapsed .js-comment {
  padding: 0.52173913043478em;
  height: 2.34782608695652em;
}

.single ::-webkit-input-placeholder {
  color: #ccc;
}

.single :-moz-placeholder {
  color: #ccc;
}

.single :-ms-input-placeholder {
  color: #ccc;
}

.single .footer {
  background: #fff;
  padding-top: 72px;
  font-style: italic;
  position: relative;
  width: 100%;
}

.single .footer__nav {
  height: 64px;
  width: 100%;
  position: relative;
  border-top: 1px solid #ccc;
}

.single .rectangle__button--left,.single .rectangle__button--right {
  position: absolute;
  height: 100%;
  width: 64px;
  bottom: 0px;
  margin: 0px;
}

.single .rectangle__button--left {
  left: 0px;
  top: 0px;
}

.single .rectangle__button--right {
  right: 0px;
  top: 0px;
}

.single .footer__previous {
  left: 0px;
}

.single .footer__next {
  right: 0px;
}

.single .footer__title {
  margin-top: 16px;
}

@media only screen and (max-width: 480px) {
  .single {
    margin-top: 0px;
  }

  .single .body {
    padding-top: 3em;
  }

  .single .back-menu {
    font-size: 2em !important;
  }

  .single figcaption {
    background: url(../img/bar-legend.png) no-repeat top left;
    position: static;
    text-align: left;
    width: 100%;
    float: left;
    margin: 8px 0px 1em 0px;
  }

  .single blockquote {
    margin-left: 0em;
  }

  .single .rectangle__button--left,.single .rectangle__button--right {
    width: 50%;
    border-left: 0px;
  }

  .single .meta__author {
    display: none;
  }

  .single .footer__title {
    display: none;
  }

  .single .meta__title {
    float: none;
    display: inline-block;
    margin: 20px 0px 0px 8px;
    padding: 0px;
  }

  .single .meta {
    position: absolute;
    width: 64px;
  }

  .single .mood {
    position: static;
    margin-top: 0px;
  }

  .single .padding--overflowhack {
    padding-top: 2em;
    margin-top: 0px;
  }

  .single .single__article {
    padding-top: 0px;
  }

  .single .rectangle__button {
    border: none;
  }

  .single .meta {
    background: none;
    border: none;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .single figcaption {
    background: url(../img/bar-legend.png) no-repeat top left;
    position: static;
    text-align: left;
    width: 100%;
    float: left;
    margin: 8px 0px 1em 0px;
  }

  .single .shareButtons__item a {
    padding-top: 7px !important;
  }

  .single .meta__author {
    display: none;
  }

  .single .rectangle__button--left,.single .rectangle__button--right {
    width: 50%;
    border-left: 0px;
  }

  .single .footer__title {
    display: none;
  }

  .single .meta__title {
    float: none;
    display: inline-block;
    margin: 22px 0px 0px 14px;
    padding: 0px;
  }
}

.single .footnotes ol {
  font-size: 0.8em;
  position: relative;
  padding-top: 1em;
}

.single .footnotes ol:before {
  background: #ddd;
  position: absolute;
  content: '';
  width: 2em;
  height: 1px;
  top: 0px;
  left: 1em;
}

.meta [data-icon]:before {
  color: #eee;
}

.dark.meta [data-icon]:before,.meta.none.mood [data-icon]:before {
  color: black;
}

.index {
  background-color: #f5f5f5;
}

.index .border-top {
  border-top: 4px solid #000;
}

.index h1 {
  color: #000;
  margin-bottom: 0.2em;
}

.index h2 {
  line-height: 1.45em;
  font-size: 1.4em;
  margin-top: 0px;
  margin-bottom: 0;
}

.index .ajax__loader {
  background: url(../img/load.gif) no-repeat 50% 50% rgba(248,248,248,0.8);
  background-size: 24px;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
}

.index .align--index {
  background: #f5f5f5;
  padding-top: 2em;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.index .posts {
  list-style: none;
  margin: 2em 0px 3em 0px;
}

.index li:last-child {
  border: none !important;
}

.index .posts__item {
  padding: 1em 0;
}

.index .posts__item__target {
  position: relative;
  display: block;
  color: #333;
}

.index .posts__item__meta {
  font-size: 0.78260869565217em;
  font-family: "Unit Medium","helvetica","arial",sans;
  padding: 0px;
  margin: 0px;
  color: #888;
}

.index .posts__item__meta em {
  font-family: "chaparral-pro",georgia,serif;
}

.index .posts__item__meta__readingTime {
  font-size: 0.8em;
  margin: 0px 0px 0px 8px;
}

.index .stop-watch {
  color: #666;
}

.index .glasses {
  font-size: 28px;
  position: absolute;
  display: none;
  left: -48px;
  top: 10px;
}

.index .posts__item__target:hover .glasses {
  display: block;
}

@media only screen and (max-width: 480px) {
  .index .posts__item__target:hover .glasses {
    display: none;
  }
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .index .posts__item__target:hover .glasses {
    display: none;
  }

  .index h2 {
    line-height: 1.35em;
  }
}

.longform .mood {
  margin-bottom: 1em;
  position: static;
  height: 100%;
}

.longform h2 {
  margin-bottom: 0.5em;
  margin-top: 1em;
}

.longform .meta {
  position: absolute;
  background: none;
  border: none;
  color: white;
  left: 0px;
  top: 0px;
  opacity: 0.75;
}

.longform .meta .rectangle__button {
  color: white;
  border: none;
  width: auto;
  padding-left: 12px;
  padding-right: 12px;
}

.longform .meta .rectangle__button[data-icon]:before {
  float: left;
}

.longform .meta .rectangle__button.rectangle__button--loading {
  background: url("../img/load.gif") no-repeat 12px 50% transparent;
  padding-left: 38px;
  display: none;
}

.longform .meta .meta__title {
  margin-top: 2px;
  margin-left: 0.65em;
  color: white;
  float: left;
}

.longform .meta:hover {
  background: none;
  opacity: 1;
}

.single .single__article.longform {
  padding-top: 0px;
  padding-bottom: 0;
}

.disable-hover .single__article * {
  pointer-events: none;
}

div.slide-set {
  padding-bottom: 1em;
  padding-top: 1em;
}

div.slide-set img {
  max-width: 100%;
}

div.slide-set.grey {
  background-color: #f1f1f1;
}

div.slide-set.dark-grey {
  background-color: #333;
  color: #f5f5f5;
}

div.slide-set.dark-grey a {
  color: #f5f5f5;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(83%, transparent), color-stop(84%, #f5f5f5), color-stop(88%, #f5f5f5), color-stop(88%, transparent));
  background-image: -webkit-linear-gradient(top, transparent 83%, #f5f5f5 84%, #f5f5f5 88%, transparent 88%);
  background-image: -moz-linear-gradient(top, transparent 83%, #f5f5f5 84%, #f5f5f5 88%, transparent 88%);
  background-image: -o-linear-gradient(top, transparent 83%, #f5f5f5 84%, #f5f5f5 88%, transparent 88%);
  background-image: linear-gradient(to bottom, transparent 83%, #f5f5f5 84%, #f5f5f5 88%, transparent 88%);
}

div.slide-set.blue-grey {
  background-color: #5F5663;
  color: white;
}

div.slide-set.blue-grey a {
  color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(83%, transparent), color-stop(84%, #fff), color-stop(88%, #fff), color-stop(88%, transparent));
  background-image: -webkit-linear-gradient(top, transparent 83%, #fff 84%, #fff 88%, transparent 88%);
  background-image: -moz-linear-gradient(top, transparent 83%, #fff 84%, #fff 88%, transparent 88%);
  background-image: -o-linear-gradient(top, transparent 83%, #fff 84%, #fff 88%, transparent 88%);
  background-image: linear-gradient(to bottom, transparent 83%, #fff 84%, #fff 88%, transparent 88%);
}

.intro .chat {
  width: 100vw;
  max-width: 100%;
  margin: 0 !important;
}

.intro .chat__overflow {
  background: #F9F8F4;
  position: relative;
  border-bottom: none;
  padding-bottom: 72px;
}

.intro .chat__intro__scroll {
  position: absolute;
  text-align: center;
  width: 100%;
  opacity: 0.4;
  bottom: 12px;
}

.intro .chat__intro__desc {
  padding-bottom: 24px;
  text-align: center;
}

.intro .chat__intro__desc em {
  opacity: 0.5;
}

.intro .chat__intro__logo {
  
  margin: 24px auto 12px auto;
  border-radius: none;
  overflow: hidden;
  background: #fff;
  height: 72px;
  width: 72px;
}

.intro .chat__intro__header img {
  max-width: 80%;
  margin-top: 10px;
  margin-left: 12px;
}

.chat .cui {
  min-height: calc(100vh - 80px);
}

/******************
- CUI Styles
******************/

@keyframes font-fade {
  50% {
    color: transparent;
  }

  100% {
    color: "inherit";
  }
}

.cui {
  background: #F9F8F4;
  position: relative;
  overflow: hidden;
  width: 100vw;
  margin: 0 auto;
  max-width: 768px
}

.cui,.cui * {
  box-sizing: border-box;
  outline: none;
}

.cui__bubble {
  box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
  transform: translate3d(-96px, 0, 0);
  transition: transform 0.75s cubic-bezier(0.68, 0.01, 0.245, 1.13) 0.3s,color 0.3s ease-in-out 0.25s,min-width 0.35s ease-in-out,min-height 0.35s ease-in-out;
  display: inline-block;
  line-height: 1.45em;
  border-radius: 20px;
  margin: 0 0 1em 0;
  text-align: left;
  position: relative;
  padding: 6px 12px;
  background: #fff;
  font-size: 19px;
  border: none;
  max-width: 90%;
  min-width: 44px;
  min-height: 12px;
}

.cui__bubble--response {
  transform: translate3d(0, 0, 0);
  transition: transform 0.5s cubic-bezier(0.68, 0.01, 0.245, 1.13) 0s;
  background: #7FC2EB;
  float: right;
  color: #fff;
}

.cui__bubble--fade {
  animation: font-fade .6s ease-in-out;
}

.cui__bubble--slideIn {
  transform: translate3d(0, 0, 0);
}

.cui__bubble--typing {
  color: transparent;
  max-height: calc(1em + 16px);
  max-width: 44px;
  white-space: none;
}

.cui__bubble--typing:before {
  content: '...';
  color: #000;
}

.cui__bubble--embed {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  width: 100%;
}

.cui__bubble--embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.cui__list {
  list-style: none;
  padding: 0;
  margin: 0 0 148px 0;
}

.cui__list__item {
  padding: 0 1em;
  margin: 0;
  overflow: hidden;
}

.cui__responses {
  position: absolute;
  text-align: center;
  padding: 6px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: 0;
}

.cui__responses .cui__bubble {
  margin: 12px 6px;
  cursor: pointer;
  float: none;
}

.cui__answers__placeholder:before {
  content: 'Type and hit RETURN...';
  display: inline-block;
  opacity: 0.5;
}

.cardousel {
  max-height: 220px;
  overflow: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  margin: 4px -12px 0px -2px;
}

.cardousel .card {
  text-overflow: ellipsis;
  border: 1px solid #eee;
  display: inline-block;
  white-space: nowrap;
  border-radius: 3px;
  margin-right: 8px;
  overflow: hidden;
  padding: 6px;
  width: 248px;
}
/******************
- END CUI Styles
******************/

.cardousel .card:last-child {
  margin-right: 0;
}

.cardousel .card img {
  margin: 0px 0px 6px 0px;
  border-radius: 2px;
  object-fit: cover;
  display: block;
  height: 150px;
}

.card {
  border-radius: 3px;
  color: rgba(0,0,0,0.54);
  line-height: 1.5em;
  font-size: 0.75em;
  background: none;
  display: block;
}

.card span {
  display: block;
}

.card img {
  display: block;
  margin: 4px 0px;
}

.media {
  display: block;
  overflow: hidden;
  position: relative;
}

.media-ratio {
  display: block;
  padding-bottom: 100%;
  width: 100%;
}

.media--full {
  max-width: 100% !important;
  margin: 2em 0;
  width: 100%;
  padding: 0;
}

.media--full img {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
}

.media-title--overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0px;
  top: 0px;
}

.media-title--overlay>div {
  position: absolute;
  table-layout: fixed;
  display: table;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}

.media-title--overlay>div>div {
  display: table-cell;
  vertical-align: middle;
}

.media-title--overlay h1,.media-title--overlay h2,.media-title--overlay h3,.media-title--overlay h4,.media-title--overlay h5,.media-title--overlay h6 {
  font-family: "chaparral-pro",georgia,serif;
}

.media-ratio--3by1 {
  padding-bottom: calc(100% / 3);
}

.media-ratio--2by1 {
  padding-bottom: 50%;
}

.media-ratio--16by9 {
  padding-bottom: 56.25%;
}

.media-ratio--4by3 {
  padding-bottom: 75%;
}

.media-content {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  margin: 0.5em auto 1.5em auto;
  height: 0;
}

.videoWrapper.bleed {
  max-width: 872px;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mood__relative {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.padding {
  background-color: #fff;
  z-index: 10;
  position: relative;
}

.padding--overflowhack {
  padding-top: 2em;
  margin-top: 608px;
}

.mood {
  background: #36353d;
  margin: 0px 0px;
  padding: 0px;
  max-width: 100%;
  height: 23.04347826086957em;
  color: #000;
  width: 100%;
  left: 0px;
  top: 0px;
}

.mood__title.background--dark,.background--dark .mood__details {
  color: white;
}

.background--dark a {
  color: white;
}

.mood__image {
  background-origin: padding-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
}

.mood__details {
  font-size: 0.8em;
}

.mood__details a {
  background-image: none;
}

.mood__position {
  z-index: 9999;
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 1em;
}

@-webkit-keyframes $animation-name {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-moz-keyframes $animation-name {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-ms-keyframes $animation-name {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@-o-keyframes $animation-name {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes $animation-name {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

.animated {
  -webkit-animation: fadeInLeft 1s ease;
  -moz-animation: fadeInLeft 1s ease;
  -ms-animation: fadeInLeft 1s ease;
  -o-animation: fadeInLeft 1s ease;
  animation: fadeInLeft 1s ease;
}

.none.mood {
  background: #fff;
  color: #000;
}

.rectangle__button {
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -ms-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 1px;
  border: 2px solid #222;
  padding: 20px 0px 0px 0px;
  text-decoration: none;
  text-align: center;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  display: inline-block;
  background: transparent;
  cursor: pointer;
  width: 64px;
  color: #000;
}

.rectangle__button--active,.rectangle__button:hover {
  color: #fff;
  background-color: #000;
}

.rectangle__button--loading {
  background: url("../img/load.gif") no-repeat center center transparent;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-background-size: 30px;
  -moz-background-size: 30px;
  -ms-background-size: 30px;
  -o-background-size: 30px;
  background-size: 30px;
  color: transparent;
}

.rectangle__button--loading:hover {
  background: url("../img/load.gif") no-repeat center center transparent;
  -webkit-background-size: 30px;
  -moz-background-size: 30px;
  -ms-background-size: 30px;
  -o-background-size: 30px;
  background-size: 30px;
  color: transparent;
}

.rectangle__button--borderless {
  border: 0px;
  height: 2.78260869565217em;
}

.rectangle__button--text,.intro .contact-form input[type="submit"] {
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -ms-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 1px;
  padding: 0.5em 0.52173913043478em;
  line-height: 1.5em;
  font-family: "Unit Medium","helvetica","arial",sans;
  text-transform: uppercase;
  font-size: 0.9em;
  background-color: transparent;
  color: #222;
  width: auto;
}

.rectangle__button__text {
  float: left;
  line-height: 1.30434782608696em;
}

.single>form {
  max-width: 480px;
  padding: 0 5%;
  margin: 0 auto;
}

.single>form>p:first-child {
  font-size: 18px;
  line-height: 1.5em;
  margin-top: 2em;
  margin-bottom: 0px;
}

.single>form label {
  color: transparent;
}

.single>form label input {
  -webkit-border-radius: 3px 3px 0px 0px;
  -moz-border-radius: 3px 3px 0px 0px;
  -ms-border-radius: 3px 3px 0px 0px;
  -o-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  border: 1px solid #ececec;
  line-height: 35px;
  padding: 4px 14px;
  font-size: 48px;
  outline: none;
  height: auto;
  width: 100%;
}

.single>form input[type="submit"] {
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  -ms-border-radius: 0px 0px 3px 3px;
  -o-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;
  text-transform: uppercase;
  font-weight: bold;
  margin-top: 0px;
  background: #000;
  border: none;
  color: white;
  width: 100%;
  height: 72px;
}

.wp_syntax {
  margin: 1.5em 0 1.5em -2.55em;
  overflow: auto;
}

.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 99%;
}

.wp_syntax table {
  border: none !important;
  border-collapse: collapse !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

.wp_syntax caption {
  margin: 0 !important;
  padding: 2px !important;
  width: 100% !important;
  background-color: #def !important;
  text-align: left !important;
  font-family: monospace !important;
  font-size: 12px !important;
  line-height: 1.2em !important;
}

.wp_syntax caption a {
  color: #1982d1 !important;
  text-align: left !important;
  font-family: monospace !important;
  font-size: 12px !important;
  line-height: 16px !important;
  text-decoration: none !important;
}

.wp_syntax caption a:hover {
  color: #1982d1 !important;
  text-decoration: underline !important;
}

.wp_syntax div,.wp_syntax td {
  text-align: left !important;
  padding: 0 0.5em 0px 0.5em !important;
  vertical-align: top !important;
}

.wp_syntax td.line_numbers {
  border-right: 3px solid #ccc;
}

.wp_syntax td.code {
  line-height: normal !important;
  white-space: normal !important;
  width: 100% !important;
}

.wp_syntax pre {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  float: none !important;
  clear: none !important;
  overflow: visible !important;
  font-family: monospace !important;
  font-size: 12px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
  white-space: pre !important;
  -moz-box-shadow: 0px 0px 0px transparent !important;
  -webkit-box-shadow: 0px 0px 0px transparent !important;
  box-shadow: 0px 0px 0px transparent !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.wp_syntax td.line_numbers pre {
  color: #ccc !important;
  text-align: right !important;
  width: 16px !important;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes popup {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes popout {
  100% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
  }

  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  25%, 75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  50% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.creating-distraction-free-reading-experiences .media-title--overlay>div {
  background-color: rgba(95,86,99,0.75);
}

.creating-distraction-free-reading-experiences .media-title--overlay h3 {
  text-align: center;
  font-size: 5em;
  font-weight: normal;
  color: #fff;
}

@media only screen and (min-width: 481px) and (max-width: 1023px) {
  .creating-distraction-free-reading-experiences .media-title--overlay h3 {
    font-size: 4.5em;
    margin-top: 0.2em;
  }
}

@media only screen and (max-width: 480px) {
  .creating-distraction-free-reading-experiences .media-title--overlay h3 {
    font-size: 1.9em;
  }
}
/*# sourceMappingURL=style.min.css.map