html {
  font-family: "tablet-gothic-wide", sans-serif;
  font-size: 18px;
  line-height: 28px; }

.page-content #post-title, .page-content h1 {
  font-family: "ff-more-web-pro-wide", serif; }
.page-content #post-title {
  font-size: 74px;
  line-height: 82px; }
.page-content h1 {
  font-size: 46px;
  line-height: 58px; }
.page-content h2 {
  font-size: 30px;
  line-height: 38px; }
.page-content h3 {
  text-transform: uppercase; }
.page-content h3, .page-content h4, .page-content h5, .page-content h6 {
  font-size: 18px;
  line-height: 28px; }
.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
  margin: 2em 0em 0.5em 0em;
  font-weight: 700; }
.page-content blockquote {
  border-left: 4px solid #dadbdd;
  margin: 20px 0px;
  padding: 0 30px;
  color: #a6a8ab; }
.page-content a {
  color: #16A085;
  text-decoration: none;
  font-weight: 600; }
.page-content a:hover {
  border-bottom: 2px solid #16A085; }
.page-content hr {
  display: block;
  margin: 3em 0;
  border: 0;
  height: 1px;
  background-color: #A6A8AB; }
.page-content strong {
  font-weight: 600; }

header {
  border-top: 20px solid #16A085;
  font-weight: 600; }
  header svg {
    width: 150px;
    margin: 30px 35px; }
  header img {
    width: 250px;
    margin: 30px 35px; }
  header ul {
    padding: 0px;
    position: absolute;
    right: 35px;
    top: 28px; }
    header ul li {
      display: inline-block;
      margin-left: 32px; }
    header ul a {
      color: black;
      text-decoration: none; }
    header ul a:hover {
      border-bottom: 2.5px solid black; }

@media only screen and (max-width: 600px) {
  header ul {
    display: none; } }
.page-wrap {
  min-height: 100vh; }

footer {
  font-size: 14px;
  line-height: 22px;
  background-color: #f4f4f4; }
  footer ul {
    padding: 0px;
    list-style-type: none; }
  footer a {
    text-decoration: none;
    color: #16A085;
    font-weight: 600; }
  footer a:hover {
    border-bottom: 1.5px solid #16A085; }

@media only screen and (min-width: 1000px) {
  footer {
    padding: 20px 170px; }
    footer ul li {
      display: inline-block;
      margin-right: 8px; }
      footer ul li:not(:last-child)::after {
        content: "|";
        margin-left: 8px;
        color: #dadbdd; } }
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  footer {
    padding: 20px 50px; } }
@media only screen and (min-width: 0) and (max-width: 600px) {
  footer {
    padding: 20px 20px;
    width: calc(100% - (20px * 2)); } }
.pure-button {
  border-radius: 0;
  background-color: #a6a8ab;
  font-weight: bold; }
  .pure-button:hover {
    background-color: #999b9f; }
  .pure-button:active, .pure-button.pure-button-active {
    background-color: #999b9f;
    background-image: transparent;
    box-shadow: none; }
  .pure-button:disabled, .pure-button.pure-button-disabled {
    color: #333333;
    background-color: #dadbdd; }
  .pure-button.pure-button-primary {
    background-color: #16A085;
    color: white; }
    .pure-button.pure-button-primary:hover {
      background-color: #36a241; }
    .pure-button.pure-button-primary:active, .pure-button.pure-button-primary.pure-button-active {
      background-color: #36a241; }
    .pure-button.pure-button-primary:disabled, .pure-button.pure-button-primary.pure-button-disabled {
      background-color: #48c255; }

form.pure-form fieldset input, form.pure-form fieldset input[type], form.pure-form fieldset input:not([type]) {
  border: 1px solid #a6a8ab;
  box-shadow: 0 0 0 transparent;
  border-radius: 0; }
  form.pure-form fieldset input:focus, form.pure-form fieldset input[type]:focus, form.pure-form fieldset input:not([type]):focus {
    border: 1px solid #16A085; }

p code {
  background-color: #f4f4f4;
  padding: 5px; }

pre {
  background-color: #f4f4f4;
  padding: 1em 1em;
  display: block; }

img {
  max-width: 100%; }

table {
  margin: 3em 0;
  width: 100%; }

thead, tbody {
  text-align: left;
  vertical-align: top; }

thead {
  text-transform: uppercase; }

th, td {
  padding: 0.5em; }
  th:first-child, td:first-child {
    padding-left: 0em; }
  th:last-child, td:last-child {
    padding-right: 0em; }

thead tr {
  border-top: 1px solid black;
  border-bottom: 1px solid black; }

tbody tr {
  border-top: 1px solid #a6a8ab;
  border-bottom: 1px solid #a6a8ab; }
  tbody tr:last-child {
    border-bottom: 1px solid black; }

.page-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }

@media only screen and (min-width: 1000px) {
  article {
    margin: 60px 170px;
    width: 800px; } }
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  article {
    margin: 60px 50px;
    width: auto; } }
@media only screen and (min-width: 0) and (max-width: 600px) {
  article {
    margin: 60px 20px;
    width: calc(100% - (20px * 2)); } }
html.moment-red html {
  font-family: "tablet-gothic-wide", sans-serif;
  font-size: 18px;
  line-height: 28px; }
html.moment-red .page-content #post-title, html.moment-red .page-content h1 {
  font-family: "ff-more-web-pro-wide", serif; }
html.moment-red .page-content #post-title {
  font-size: 74px;
  line-height: 82px; }
html.moment-red .page-content h1 {
  font-size: 46px;
  line-height: 58px; }
html.moment-red .page-content h2 {
  font-size: 30px;
  line-height: 38px; }
html.moment-red .page-content h3 {
  text-transform: uppercase; }
html.moment-red .page-content h3, html.moment-red .page-content h4, html.moment-red .page-content h5, html.moment-red .page-content h6 {
  font-size: 18px;
  line-height: 28px; }
html.moment-red .page-content h1, html.moment-red .page-content h2, html.moment-red .page-content h3, html.moment-red .page-content h4, html.moment-red .page-content h5, html.moment-red .page-content h6 {
  margin: 2em 0em 0.5em 0em;
  font-weight: 700; }
html.moment-red .page-content blockquote {
  border-left: 4px solid #dadbdd;
  margin: 20px 0px;
  padding: 0 30px;
  color: #a6a8ab; }
html.moment-red .page-content a {
  color: #EF3C42;
  text-decoration: none;
  font-weight: 600; }
html.moment-red .page-content a:hover {
  border-bottom: 2px solid #EF3C42; }
html.moment-red .page-content hr {
  display: block;
  margin: 3em 0;
  border: 0;
  height: 1px;
  background-color: #A6A8AB; }
html.moment-red .page-content strong {
  font-weight: 600; }
html.moment-red header {
  border-top: 20px solid #EF3C42;
  font-weight: 600; }
  html.moment-red header svg {
    width: 150px;
    margin: 30px 35px; }
  html.moment-red header ul {
    padding: 0px;
    position: absolute;
    right: 35px;
    top: 28px; }
    html.moment-red header ul li {
      display: inline-block;
      margin-left: 32px; }
    html.moment-red header ul a {
      color: black;
      text-decoration: none; }
    html.moment-red header ul a:hover {
      border-bottom: 2.5px solid black; }
@media only screen and (max-width: 600px) {
  html.moment-red header ul {
    display: none; } }
html.moment-red .page-wrap {
  min-height: 100vh; }
html.moment-red footer {
  font-size: 14px;
  line-height: 22px;
  background-color: #f4f4f4; }
  html.moment-red footer ul {
    padding: 0px;
    list-style-type: none; }
  html.moment-red footer a {
    text-decoration: none;
    color: #ef3c42;
    font-weight: 600; }
  html.moment-red footer a:hover {
    border-bottom: 1.5px solid #ef3c42; }
@media only screen and (min-width: 1000px) {
  html.moment-red footer {
    padding: 20px 170px; }
    html.moment-red footer ul li {
      display: inline-block;
      margin-right: 8px; }
      html.moment-red footer ul li:not(:last-child)::after {
        content: "|";
        margin-left: 8px;
        color: #dadbdd; } }
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  html.moment-red footer {
    padding: 20px 50px; } }
@media only screen and (min-width: 0) and (max-width: 600px) {
  html.moment-red footer {
    padding: 20px 20px;
    width: calc(100% - (20px * 2)); } }
html.moment-red .pure-button {
  border-radius: 0;
  background-color: #a6a8ab;
  font-weight: bold; }
  html.moment-red .pure-button:hover {
    background-color: #999b9f; }
  html.moment-red .pure-button:active, html.moment-red .pure-button.pure-button-active {
    background-color: #999b9f;
    background-image: transparent;
    box-shadow: none; }
  html.moment-red .pure-button:disabled, html.moment-red .pure-button.pure-button-disabled {
    color: #333333;
    background-color: #dadbdd; }
  html.moment-red .pure-button.pure-button-primary {
    background-color: #ef3c42;
    color: white; }
    html.moment-red .pure-button.pure-button-primary:hover {
      background-color: #ed242b; }
    html.moment-red .pure-button.pure-button-primary:active, html.moment-red .pure-button.pure-button-primary.pure-button-active {
      background-color: #ed242b; }
    html.moment-red .pure-button.pure-button-primary:disabled, html.moment-red .pure-button.pure-button-primary.pure-button-disabled {
      background-color: #f15459; }
html.moment-red form.pure-form fieldset input, html.moment-red form.pure-form fieldset input[type], html.moment-red form.pure-form fieldset input:not([type]) {
  border: 1px solid #a6a8ab;
  box-shadow: 0 0 0 transparent;
  border-radius: 0; }
  html.moment-red form.pure-form fieldset input:focus, html.moment-red form.pure-form fieldset input[type]:focus, html.moment-red form.pure-form fieldset input:not([type]):focus {
    border: 1px solid #ef3c42; }
html.moment-red p code {
  background-color: #f4f4f4;
  padding: 5px; }
html.moment-red pre {
  background-color: #f4f4f4;
  padding: 1em 1em;
  display: block; }
html.moment-red img {
  max-width: 100%; }
html.moment-red table {
  margin: 3em 0;
  width: 100%; }
html.moment-red thead, html.moment-red tbody {
  text-align: left;
  vertical-align: top; }
html.moment-red thead {
  text-transform: uppercase; }
html.moment-red th, html.moment-red td {
  padding: 0.5em; }
  html.moment-red th:first-child, html.moment-red td:first-child {
    padding-left: 0em; }
  html.moment-red th:last-child, html.moment-red td:last-child {
    padding-right: 0em; }
html.moment-red thead tr {
  border-top: 1px solid black;
  border-bottom: 1px solid black; }
html.moment-red tbody tr {
  border-top: 1px solid #a6a8ab;
  border-bottom: 1px solid #a6a8ab; }
  html.moment-red tbody tr:last-child {
    border-bottom: 1px solid black; }
html.moment-red .page-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
@media only screen and (min-width: 1000px) {
  html.moment-red article {
    margin: 60px 170px;
    width: 800px; } }
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  html.moment-red article {
    margin: 60px 50px;
    width: 500px; } }
@media only screen and (min-width: 0) and (max-width: 600px) {
  html.moment-red article {
    margin: 60px 20px;
    width: calc(100% - (20px * 2)); } }

html.moment-green html {
  font-family: "tablet-gothic-wide", sans-serif;
  font-size: 18px;
  line-height: 28px; }
html.moment-green .page-content #post-title, html.moment-green .page-content h1 {
  font-family: "ff-more-web-pro-wide", serif; }
html.moment-green .page-content #post-title {
  font-size: 74px;
  line-height: 82px; }
html.moment-green .page-content h1 {
  font-size: 46px;
  line-height: 58px; }
html.moment-green .page-content h2 {
  font-size: 30px;
  line-height: 38px; }
html.moment-green .page-content h3 {
  text-transform: uppercase; }
html.moment-green .page-content h3, html.moment-green .page-content h4, html.moment-green .page-content h5, html.moment-green .page-content h6 {
  font-size: 18px;
  line-height: 28px; }
html.moment-green .page-content h1, html.moment-green .page-content h2, html.moment-green .page-content h3, html.moment-green .page-content h4, html.moment-green .page-content h5, html.moment-green .page-content h6 {
  margin: 1em 0em 0.5em 0em;
  font-weight: 700; }
html.moment-green .page-content blockquote {
  border-left: 4px solid #dadbdd;
  margin: 20px 0px;
  padding: 0 30px;
  color: #a6a8ab; }
html.moment-green .page-content a {
  color: #16A085;
  text-decoration: none;
  font-weight: 600; }
html.moment-green .page-content a:hover {
  border-bottom: 2px solid #16A085; }
html.moment-green .page-content hr {
  display: block;
  margin: 3em 0;
  border: 0;
  height: 1px;
  background-color: #A6A8AB; }
html.moment-green .page-content strong {
  font-weight: 600; }
html.moment-green header {
  border-top: 20px solid #16A085;
  font-weight: 600; }
  html.moment-green header svg {
    width: 150px;
    margin: 30px 35px; }
  html.moment-green header ul {
    padding: 0px;
    position: absolute;
    right: 35px;
    top: 28px; }
    html.moment-green header ul li {
      display: inline-block;
      margin-left: 32px; }
    html.moment-green header ul a {
      color: black;
      text-decoration: none; }
    html.moment-green header ul a:hover {
      border-bottom: 2.5px solid black; }
@media only screen and (max-width: 600px) {
  html.moment-green header ul {
    display: none; } }
html.moment-green .page-wrap {
  min-height: 100vh; }
html.moment-green footer {
  font-size: 14px;
  line-height: 22px;
  background-color: #f4f4f4; }
  html.moment-green footer ul {
    padding: 0px;
    list-style-type: none; }
  html.moment-green footer a {
    text-decoration: none;
    color: #16A085;
    font-weight: 600; }
  html.moment-green footer a:hover {
    border-bottom: 1.5px solid #16A085; }
@media only screen and (min-width: 1000px) {
  html.moment-green footer {
    padding: 20px 170px; }
    html.moment-green footer ul li {
      display: inline-block;
      margin-right: 8px; }
      html.moment-green footer ul li:not(:last-child)::after {
        content: "|";
        margin-left: 8px;
        color: #dadbdd; } }
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  html.moment-green footer {
    padding: 20px 50px; } }
@media only screen and (min-width: 0) and (max-width: 600px) {
  html.moment-green footer {
    padding: 20px 20px;
    width: calc(100% - (20px * 2)); } }
html.moment-green .pure-button {
  border-radius: 0;
  background-color: #a6a8ab;
  font-weight: bold; }
  html.moment-green .pure-button:hover {
    background-color: #999b9f; }
  html.moment-green .pure-button:active, html.moment-green .pure-button.pure-button-active {
    background-color: #999b9f;
    background-image: transparent;
    box-shadow: none; }
  html.moment-green .pure-button:disabled, html.moment-green .pure-button.pure-button-disabled {
    color: #333333;
    background-color: #dadbdd; }
  html.moment-green .pure-button.pure-button-primary {
    background-color: #16A085;
    color: white; }
    html.moment-green .pure-button.pure-button-primary:hover {
      background-color: #36a241; }
    html.moment-green .pure-button.pure-button-primary:active, html.moment-green .pure-button.pure-button-primary.pure-button-active {
      background-color: #36a241; }
    html.moment-green .pure-button.pure-button-primary:disabled, html.moment-green .pure-button.pure-button-primary.pure-button-disabled {
      background-color: #48c255; }
html.moment-green form.pure-form fieldset input, html.moment-green form.pure-form fieldset input[type], html.moment-green form.pure-form fieldset input:not([type]) {
  border: 1px solid #a6a8ab;
  box-shadow: 0 0 0 transparent;
  border-radius: 0; }
  html.moment-green form.pure-form fieldset input:focus, html.moment-green form.pure-form fieldset input[type]:focus, html.moment-green form.pure-form fieldset input:not([type]):focus {
    border: 1px solid #16A085; }
html.moment-green p code {
  background-color: #f4f4f4;
  padding: 5px; }
html.moment-green pre {
  background-color: #f4f4f4;
  padding: 1em 1em;
  display: block; }
html.moment-green img {
  max-width: 100%; }
html.moment-green table {
  margin: 1em 0 2em 0;
  width: 100%; }
html.moment-green thead, html.moment-green tbody {
  text-align: left;
  vertical-align: top; }
html.moment-green thead {
  text-transform: uppercase; }
html.moment-green th, html.moment-green td {
  padding: 0.5em; }
  html.moment-green th:first-child, html.moment-green td:first-child {
    padding-left: 0em; }
  html.moment-green th:last-child, html.moment-green td:last-child {
    padding-right: 0em; }
html.moment-green thead tr {
  border-top: 1px solid black;
  border-bottom: 1px solid black; }
html.moment-green tbody tr {
  border-top: 1px solid #a6a8ab;
  border-bottom: 1px solid #a6a8ab; }
  html.moment-green tbody tr:last-child {
    border-bottom: 1px solid black; }
  html.moment-green tbody tr:first-child {
    border-top: 1px solid black; }

html.moment-green .page-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
@media only screen and (min-width: 1000px) {
  html.moment-green article {
    margin: 20px 170px 60px 170px;
    width: 800px; } }
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  html.moment-green article {
    margin: 20px 50px 60px 50px;
    width: auto; } }
@media only screen and (min-width: 0) and (max-width: 600px) {
  html.moment-green article {
    margin: 60px 20px;
    width: calc(100% - (20px * 2)); } }

html.moment-blue html {
  font-family: "tablet-gothic-wide", sans-serif;
  font-size: 18px;
  line-height: 28px; }
html.moment-blue .page-content #post-title, html.moment-blue .page-content h1 {
  font-family: "ff-more-web-pro-wide", serif; }
html.moment-blue .page-content #post-title {
  font-size: 74px;
  line-height: 82px; }
html.moment-blue .page-content h1 {
  font-size: 46px;
  line-height: 58px; }
html.moment-blue .page-content h2 {
  font-size: 30px;
  line-height: 38px; }
html.moment-blue .page-content h3 {
  text-transform: uppercase; }
html.moment-blue .page-content h3, html.moment-blue .page-content h4, html.moment-blue .page-content h5, html.moment-blue .page-content h6 {
  font-size: 18px;
  line-height: 28px; }
html.moment-blue .page-content h1, html.moment-blue .page-content h2, html.moment-blue .page-content h3, html.moment-blue .page-content h4, html.moment-blue .page-content h5, html.moment-blue .page-content h6 {
  margin: 2em 0em 0.5em 0em;
  font-weight: 700; }
html.moment-blue .page-content blockquote {
  border-left: 4px solid #dadbdd;
  margin: 20px 0px;
  padding: 0 30px;
  color: #a6a8ab; }
html.moment-blue .page-content a {
  color: #08AEEA;
  text-decoration: none;
  font-weight: 600; }
html.moment-blue .page-content a:hover {
  border-bottom: 2px solid #08AEEA; }
html.moment-blue .page-content hr {
  display: block;
  margin: 3em 0;
  border: 0;
  height: 1px;
  background-color: #A6A8AB; }
html.moment-blue .page-content strong {
  font-weight: 600; }
html.moment-blue header {
  border-top: 20px solid #08AEEA;
  font-weight: 600; }
  html.moment-blue header svg {
    width: 150px;
    margin: 30px 35px; }
  html.moment-blue header ul {
    padding: 0px;
    position: absolute;
    right: 35px;
    top: 28px; }
    html.moment-blue header ul li {
      display: inline-block;
      margin-left: 32px; }
    html.moment-blue header ul a {
      color: black;
      text-decoration: none; }
    html.moment-blue header ul a:hover {
      border-bottom: 2.5px solid black; }
@media only screen and (max-width: 600px) {
  html.moment-blue header ul {
    display: none; } }
html.moment-blue .page-wrap {
  min-height: 100vh; }
html.moment-blue footer {
  font-size: 14px;
  line-height: 22px;
  background-color: #f4f4f4; }
  html.moment-blue footer ul {
    padding: 0px;
    list-style-type: none; }
  html.moment-blue footer a {
    text-decoration: none;
    color: #08AEEA;
    font-weight: 600; }
  html.moment-blue footer a:hover {
    border-bottom: 1.5px solid #08AEEA; }
@media only screen and (min-width: 1000px) {
  html.moment-blue footer {
    padding: 20px 170px; }
    html.moment-blue footer ul li {
      display: inline-block;
      margin-right: 8px; }
      html.moment-blue footer ul li:not(:last-child)::after {
        content: "|";
        margin-left: 8px;
        color: #dadbdd; } }
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  html.moment-blue footer {
    padding: 20px 50px; } }
@media only screen and (min-width: 0) and (max-width: 600px) {
  html.moment-blue footer {
    padding: 20px 20px;
    width: calc(100% - (20px * 2)); } }
html.moment-blue .pure-button {
  border-radius: 0;
  background-color: #a6a8ab;
  font-weight: bold; }
  html.moment-blue .pure-button:hover {
    background-color: #999b9f; }
  html.moment-blue .pure-button:active, html.moment-blue .pure-button.pure-button-active {
    background-color: #999b9f;
    background-image: transparent;
    box-shadow: none; }
  html.moment-blue .pure-button:disabled, html.moment-blue .pure-button.pure-button-disabled {
    color: #333333;
    background-color: #dadbdd; }
  html.moment-blue .pure-button.pure-button-primary {
    background-color: #08AEEA;
    color: white; }
    html.moment-blue .pure-button.pure-button-primary:hover {
      background-color: #0085af; }
    html.moment-blue .pure-button.pure-button-primary:active, html.moment-blue .pure-button.pure-button-primary.pure-button-active {
      background-color: #0085af; }
    html.moment-blue .pure-button.pure-button-primary:disabled, html.moment-blue .pure-button.pure-button-primary.pure-button-disabled {
      background-color: #00ade2; }
html.moment-blue form.pure-form fieldset input, html.moment-blue form.pure-form fieldset input[type], html.moment-blue form.pure-form fieldset input:not([type]) {
  border: 1px solid #a6a8ab;
  box-shadow: 0 0 0 transparent;
  border-radius: 0; }
  html.moment-blue form.pure-form fieldset input:focus, html.moment-blue form.pure-form fieldset input[type]:focus, html.moment-blue form.pure-form fieldset input:not([type]):focus {
    border: 1px solid #08AEEA; }
html.moment-blue p code {
  background-color: #f4f4f4;
  padding: 5px; }
html.moment-blue pre {
  background-color: #f4f4f4;
  padding: 1em 1em;
  display: block; }
html.moment-blue img {
  max-width: 100%; }
html.moment-blue table {
  margin: 3em 0;
  width: 100%; }
html.moment-blue thead, html.moment-blue tbody {
  text-align: left;
  vertical-align: top; }
html.moment-blue thead {
  text-transform: uppercase; }
html.moment-blue th, html.moment-blue td {
  padding: 0.5em; }
  html.moment-blue th:first-child, html.moment-blue td:first-child {
    padding-left: 0em; }
  html.moment-blue th:last-child, html.moment-blue td:last-child {
    padding-right: 0em; }
html.moment-blue thead tr {
  border-top: 1px solid black;
  border-bottom: 1px solid black; }
html.moment-blue tbody tr {
  border-top: 1px solid #a6a8ab;
  border-bottom: 1px solid #a6a8ab; }
  html.moment-blue tbody tr:last-child {
    border-bottom: 1px solid black; }
html.moment-blue .page-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
@media only screen and (min-width: 1000px) {
  html.moment-blue article {
    margin: 60px 170px;
    width: 800px; } }
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  html.moment-blue article {
    margin: 60px 50px;
    width: 500px; } }
@media only screen and (min-width: 0) and (max-width: 600px) {
  html.moment-blue article {
    margin: 60px 20px;
    width: calc(100% - (20px * 2)); } }

html.moment-yellow html {
  font-family: "tablet-gothic-wide", sans-serif;
  font-size: 18px;
  line-height: 28px; }
html.moment-yellow .page-content #post-title, html.moment-yellow .page-content h1 {
  font-family: "ff-more-web-pro-wide", serif; }
html.moment-yellow .page-content #post-title {
  font-size: 74px;
  line-height: 82px; }
html.moment-yellow .page-content h1 {
  font-size: 46px;
  line-height: 58px; }
html.moment-yellow .page-content h2 {
  font-size: 30px;
  line-height: 38px; }
html.moment-yellow .page-content h3 {
  text-transform: uppercase; }
html.moment-yellow .page-content h3, html.moment-yellow .page-content h4, html.moment-yellow .page-content h5, html.moment-yellow .page-content h6 {
  font-size: 18px;
  line-height: 28px; }
html.moment-yellow .page-content h1, html.moment-yellow .page-content h2, html.moment-yellow .page-content h3, html.moment-yellow .page-content h4, html.moment-yellow .page-content h5, html.moment-yellow .page-content h6 {
  margin: 2em 0em 0.5em 0em;
  font-weight: 700; }
html.moment-yellow .page-content blockquote {
  border-left: 4px solid #dadbdd;
  margin: 20px 0px;
  padding: 0 30px;
  color: #a6a8ab; }
html.moment-yellow .page-content a {
  color: #f1a61f;
  text-decoration: none;
  font-weight: 600; }
html.moment-yellow .page-content a:hover {
  border-bottom: 2px solid #f1a61f; }
html.moment-yellow .page-content hr {
  display: block;
  margin: 3em 0;
  border: 0;
  height: 1px;
  background-color: #A6A8AB; }
html.moment-yellow .page-content strong {
  font-weight: 600; }
html.moment-yellow header {
  border-top: 20px solid #f1a61f;
  font-weight: 600; }
  html.moment-yellow header svg {
    width: 150px;
    margin: 30px 35px; }
  html.moment-yellow header ul {
    padding: 0px;
    position: absolute;
    right: 35px;
    top: 28px; }
    html.moment-yellow header ul li {
      display: inline-block;
      margin-left: 32px; }
    html.moment-yellow header ul a {
      color: black;
      text-decoration: none; }
    html.moment-yellow header ul a:hover {
      border-bottom: 2.5px solid black; }
@media only screen and (max-width: 600px) {
  html.moment-yellow header ul {
    display: none; } }
html.moment-yellow .page-wrap {
  min-height: 100vh; }
html.moment-yellow footer {
  font-size: 14px;
  line-height: 22px;
  background-color: #f4f4f4; }
  html.moment-yellow footer ul {
    padding: 0px;
    list-style-type: none; }
  html.moment-yellow footer a {
    text-decoration: none;
    color: #f1a61f;
    font-weight: 600; }
  html.moment-yellow footer a:hover {
    border-bottom: 1.5px solid #f1a61f; }
@media only screen and (min-width: 1000px) {
  html.moment-yellow footer {
    padding: 20px 170px; }
    html.moment-yellow footer ul li {
      display: inline-block;
      margin-right: 8px; }
      html.moment-yellow footer ul li:not(:last-child)::after {
        content: "|";
        margin-left: 8px;
        color: #dadbdd; } }
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  html.moment-yellow footer {
    padding: 20px 50px; } }
@media only screen and (min-width: 0) and (max-width: 600px) {
  html.moment-yellow footer {
    padding: 20px 20px;
    width: calc(100% - (20px * 2)); } }
html.moment-yellow .pure-button {
  border-radius: 0;
  background-color: #a6a8ab;
  font-weight: bold; }
  html.moment-yellow .pure-button:hover {
    background-color: #999b9f; }
  html.moment-yellow .pure-button:active, html.moment-yellow .pure-button.pure-button-active {
    background-color: #999b9f;
    background-image: transparent;
    box-shadow: none; }
  html.moment-yellow .pure-button:disabled, html.moment-yellow .pure-button.pure-button-disabled {
    color: #333333;
    background-color: #dadbdd; }
  html.moment-yellow .pure-button.pure-button-primary {
    background-color: #f1a61f;
    color: white; }
    html.moment-yellow .pure-button.pure-button-primary:hover {
      background-color: #e89a0f; }
    html.moment-yellow .pure-button.pure-button-primary:active, html.moment-yellow .pure-button.pure-button-primary.pure-button-active {
      background-color: #e89a0f; }
    html.moment-yellow .pure-button.pure-button-primary:disabled, html.moment-yellow .pure-button.pure-button-primary.pure-button-disabled {
      background-color: #f3b037; }
html.moment-yellow form.pure-form fieldset input, html.moment-yellow form.pure-form fieldset input[type], html.moment-yellow form.pure-form fieldset input:not([type]) {
  border: 1px solid #a6a8ab;
  box-shadow: 0 0 0 transparent;
  border-radius: 0; }
  html.moment-yellow form.pure-form fieldset input:focus, html.moment-yellow form.pure-form fieldset input[type]:focus, html.moment-yellow form.pure-form fieldset input:not([type]):focus {
    border: 1px solid #f1a61f; }
html.moment-yellow p code {
  background-color: #f4f4f4;
  padding: 5px; }
html.moment-yellow pre {
  background-color: #f4f4f4;
  padding: 1em 1em;
  display: block; }
html.moment-yellow img {
  max-width: 100%; }
html.moment-yellow table {
  margin: 3em 0;
  width: 100%; }
html.moment-yellow thead, html.moment-yellow tbody {
  text-align: left;
  vertical-align: top; }
html.moment-yellow thead {
  text-transform: uppercase; }
html.moment-yellow th, html.moment-yellow td {
  padding: 0.5em; }
  html.moment-yellow th:first-child, html.moment-yellow td:first-child {
    padding-left: 0em; }
  html.moment-yellow th:last-child, html.moment-yellow td:last-child {
    padding-right: 0em; }
html.moment-yellow thead tr {
  border-top: 1px solid black;
  border-bottom: 1px solid black; }
html.moment-yellow tbody tr {
  border-top: 1px solid #a6a8ab;
  border-bottom: 1px solid #a6a8ab; }
  html.moment-yellow tbody tr:last-child {
    border-bottom: 1px solid black; }
html.moment-yellow .page-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
@media only screen and (min-width: 1000px) {
  html.moment-yellow article {
    margin: 60px 170px;
    width: 800px; } }
@media only screen and (min-width: 600px) and (max-width: 1000px) {
  html.moment-yellow article {
    margin: 60px 50px;
    width: 500px; } }
@media only screen and (min-width: 0) and (max-width: 600px) {
  html.moment-yellow article {
    margin: 60px 20px;
    width: calc(100% - (20px * 2)); } }