/* Reset
-------------------------------------------------------------- */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

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

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0; }

header, footer, nav, section, article, hgroup, figure {
  display: block; }

body {
  font-family: "franklin-gothic-urw", sans-serif;
  font-size: 100%;
  color: #222;
  line-height: 2; }

h1 {
  font-size: 1.3em;
  font-weight: 500; }
  @media (min-width: 500px) {
    h1 {
      font-size: 1.1em; } }

h2 {
  color: black;
  text-transform: uppercase;
  margin-bottom: .25em;
  font-size: 2.5em;
  line-height: 1.25em; }
  @media (min-width: 470px) {
    h2 {
      font-size: 3em; } }
  @media (min-width: 750px) {
    h2 {
      font-size: 4em; } }
  @media (min-width: 1300px) {
    h2 {
      font-size: 5em;
      margin-top: 1em; } }
  @media (min-width: 1550px) {
    h2 {
      font-size: 6em;
      margin-top: 1.5em; } }

h3 {
  color: black;
  text-transform: uppercase;
  font-size: 1.75em;
  line-height: 1.25em;
  margin-bottom: .2em; }
  @media (min-width: 750px) {
    h3 {
      font-size: 4.5em; } }

h6 {
  color: black;
  font-size: 1.25em;
  font-weight: 500;
  margin-bottom: -.75em; }

p {
  margin-bottom: 1em;
  font-size: 1.125em;
  line-height: 1.688em; }

img {
  max-width: 100%;
  width: auto;
  box-shadow: 1px 1px 4px #888888; }

a {
  color: #eb1515;
  text-decoration: none;
  font-weight: 500; }

a:hover {
  color: #B11313; }

/* Layout
-------------------------------------------------------------- */
.container {
  width: 92%;
  margin-left: auto;
  margin-right: auto;
  padding-right: 5px;
  padding-left: 5px;
  max-width: 1420px;
  *zoom: 1;
  overflow: hidden; }

.container:after {
  content: "";
  display: table;
  clear: both; }

.border {
  border: 1px solid #ECECE6;
  margin: 0.938em;
  height: inherit;
  position: relative; }

@media (min-width: 1200px) {
  .infotext {
    width: 26%;
    float: left; } }

/* header
-------------------------------------------------------------- */
.site-header {
  text-align: left;
  overflow: hidden;
  padding: 1.5em 0 1em 0; }
  @media (min-width: 500px) {
    .site-header {
      padding-top: 2em; } }
  .site-header h1 {
    display: inline-block; }

ul.nav a {
  padding: 10px 20px 10px 0;
  font-weight: 500;
  font-size: 1.1em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  color: #ECECE6;
  text-decoration: none; }
  @media (min-width: 500px) {
    ul.nav a {
      padding: 10px 20px 10px 20px; } }
  ul.nav a:hover {
    text-decoration: underline; }
    @media (min-width: 500px) {
      ul.nav a:hover {
        background-color: rgba(1, 1, 1, 0.25);
        text-decoration: none; } }

.nav {
  list-style-type: none;
  float: none;
  padding-bottom: 1.5em;
  padding-top: .5em;
  border-bottom: 1px solid #ECECE6; }
  @media (min-width: 500px) {
    .nav {
      float: right;
      border: none;
      padding-bottom: 0;
      padding-top: 0; } }
  .nav li {
    display: inline-block; }

.tier {
  padding-bottom: 1em;
  position: relative;
  padding-top: 1em; }
  @media (min-width: 750px) {
    .tier {
      padding-top: 2em; } }
  @media (min-width: 1300px) {
    .tier {
      padding-top: 4em; } }
  @media (min-width: 1200px) {
    .tier p:first-of-type {
      float: left; } }

.patchwork {
  margin: 3.5% 0; }
  @media (min-width: 1200px) {
    .patchwork {
      width: 68%;
      float: right; } }
  .patchwork ul {
    list-style: none;
    width: 100%;
    float: left;
    padding-left: 0;
    margin-right: 1%; }
    @media (min-width: 600px) {
      .patchwork ul {
        width: 46%;
        margin-right: 0; }
        .patchwork ul:nth-child(odd) {
          margin-right: 8%; } }
    .patchwork ul li {
      margin-bottom: 2em;
      width: 42%;
      margin-right: 16%;
      float: left;
      line-height: 1.25em; }
      @media (min-width: 1300px) {
        .patchwork ul li {
          margin-bottom: 3em; } }
      .patchwork ul li img {
        margin-bottom: 1em;
        display: block; }
      .patchwork ul li img:hover {
        opacity: .6; }

.patchwork ul:nth-child(even) li:nth-child(3),
.patchwork ul:nth-child(odd) li:nth-child(1) {
  width: 100%;
  margin-right: 0; }

.patchwork li:nth-child(3),
.patchwork ul:nth-child(even) li:nth-child(2) {
  margin-right: 0; }

.tier:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
  opacity: 0.3; }

.site-footer {
  padding: 2em 0 2em 0; }
  @media (min-width: 750px) {
    .site-footer {
      padding: 4em 0 4em 0; } }

.sub .border {
  padding-bottom: 1em; }
.sub ul.nav a {
  color: black; }
  .sub ul.nav a:hover {
    text-decoration: underline; }
    @media (min-width: 500px) {
      .sub ul.nav a:hover {
        background-color: rgba(1, 1, 1, 0.08);
        text-decoration: none; } }
.sub h6 {
  margin-bottom: -1.5em; }
.sub .infotext ul li {
  display: inline; }
  @media (min-width: 1200px) {
    .sub .infotext ul li {
      display: block; } }
.sub .infotext ul {
  padding-bottom: 1.5em; }
.sub .infotext li {
  padding-right: 2.5em; }
.sub img {
  margin-bottom: .75em; }
  @media (min-width: 750px) {
    .sub img {
      margin-bottom: 2em; } }
  @media (min-width: 1200px) {
    .sub img {
      margin-bottom: 3em; } }

a[title="Home"] {
  color: black; }

.sub .post {
  max-width: 1420px;
  margin: 2em auto; }
.sub .post-header {
  text-align: left; }
.sub .post-title {
  color: black;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.25em;
  margin-bottom: .2em;
  font-size: 3em; }
  @media (min-width: 750px) {
    .sub .post-title {
      font-size: 4.5em;
      padding-top: 1em; } }
.sub .post-link {
  color: black;
  font-weight: 700;
  line-height: 1.25em; }
.sub .post-link:hover {
  color: #B11313; }
.sub .post-meta {
  color: #888;
  padding-bottom: 2em; }
.sub .post-list li {
  padding-top: 2em;
  padding-bottom: 2em;
  border-bottom: 1px solid #e6e6e6; }
  @media (min-width: 750px) {
    .sub .post-list li {
      padding-top: 5em;
      padding-bottom: 5em; } }
.sub .post-content img {
  margin: 0 auto 1.5em;
  max-width: 100%;
  width: auto;
  text-align: left; }
.sub .post-content p.p1 {
  font-size: 1.125em;
  max-width: 700px; }
  @media (min-width: 470px) {
    .sub .post-content p.p1 {
      font-size: 1.3em; } }

.home .intro {
  color: #ECECE6;
  background: url("/assets/images/cowboys.png") no-repeat center bottom;
  overflow: hidden;
  position: relative;
  background-size: 1000px; }
  .home .intro a {
    color: #ECECE6;
    text-decoration: none; }
  .home .intro .container {
    padding-bottom: 24em; }
    @media (min-width: 1300px) {
      .home .intro .container {
        padding-bottom: 22em; } }
  @media (min-width: 470px) {
    .home .intro {
      background-size: 1100px; } }
  @media (min-width: 750px) {
    .home .intro {
      background-size: 1300px; } }
  @media (min-width: 1300px) {
    .home .intro {
      background-size: 1500px; } }
  @media (min-width: 1550px) {
    .home .intro {
      background-size: 1700px;
      background-position: 90% bottom; } }
.home .intro:after {
  content: "";
  background: #1d3570 url("/assets/images/texture.png") repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1; }
.home .intro .content {
  line-height: 1.7em;
  color: #d6d6c6; }
  .home .intro .content a.white {
    font-size: 1.125em;
    font-weight: 500;
    line-height: 2.5em; }
  .home .intro .content a:hover {
    font-weight: 500;
    color: #898883; }
  @media (min-width: 470px) {
    .home .intro .content {
      width: 90%; } }
  @media (min-width: 750px) {
    .home .intro .content {
      width: 50%; } }
  @media (min-width: 1300px) {
    .home .intro .content {
      width: 26%; } }
.home .tier .container {
  border-bottom: 1px solid #e6e6e6; }