@charset "UTF-8";
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

body.boxed #page {
  max-width: 1000px; }

.snappy-row .container {
  max-width: 940px; }

#primary {
  width: 100%; }

#secondary {
  width: 100%; }

#tertiary {
  width: 100%; }

@media screen and (min-width: 53.75em) {
  .onesidebar #primary {
    width: 65%; }
    .onesidebar #secondary {
      width: 34%; }
    .onesidebar.onesidebar-right #primary {
      float: left; }
      .onesidebar.onesidebar-right #secondary {
        float: right; }
    .onesidebar.onesidebar-left #primary {
      float: right; }
      .onesidebar.onesidebar-left #secondary {
        float: left; }
    .dualsidebars #primary {
      width: 50%; }
    .dualsidebars #secondary {
      width: 24%; }
    .dualsidebars #tertiary {
      width: 24%; }
    .dualsidebars.dualsidebars-mid #primary {
      float: left;
      margin-left: 25%; }
      .dualsidebars.dualsidebars-mid #secondary {
        float: left;
        margin-left: -75%; }
      .dualsidebars.dualsidebars-mid #tertiary {
        float: right; }
    .dualsidebars.dualsidebars-left #primary {
      margin-left: 50%;
      float: left; }
      .dualsidebars.dualsidebars-left #secondary {
        float: left;
        margin-left: -100%; }
      .dualsidebars.dualsidebars-left #tertiary {
        float: left;
        margin-left: -75%; }
    .dualsidebars.dualsidebars-right #primary {
      float: left;
      margin-right: 1%; }
      .dualsidebars.dualsidebars-right #secondary {
        float: left; }
      .dualsidebars.dualsidebars-right #tertiary {
        float: right; } }

#page {
  background: #fff; }

@media screen and (min-width: 40em) and (max-width: 53.75em)  {
    .logo img {
      width: 840px; } }
  @media screen and (max-width: 40em)  {
  .logo img {
    width: 560px; } }

.site-branding {
  background-position: left top;
  background-repeat: repeat;
  background-color: #1e73be; }
  .site-branding .container {
    padding: 0rem;
    text-align: center; }
    @media screen and (min-width: 53.75em) {
  .site-branding .container {
    padding: 0rem; } }
  .site-branding .logo {
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px; }
    @media screen and (min-width: 53.75em) {
  .site-branding .logo {
    float: none; } }
  .site-branding .header-content {
    padding: 0rem; }
    @media screen and (min-width: 53.75em) {
  .site-branding .header-content {
    display: none; } }

.snappy-foo {
  display: none; }