@import url(http://fonts.googleapis.com/css?family=Merriweather:400, 400italic|Montserrat:700);
    a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
.full-screen {
    width: 100%}
.half {
    width: 50%}
.two-thirds {
    width: 66.66%}
.one-third {
    width: 33.33%}
.one-quarter {
    width: 25%}
.full-height {
    height: 100%}
.half-height {
    height: 50%}
.two-thirds-height {
    height: 66.66%}
.one-third-height {
    height: 33.33%}
.quarter-height {
    height: 25%}
body, html {
    width: 100%}
.me img {
    left: 0;
    right: 0;
}

br{
    margin-bottom: .5em;
}

.hero-img{
    width: 100%;
    display: block;
}
.venison div{
    background-color: #7e2a1c;
}
.project {
    position: relative;
    z-index: 5;
    float: left;
    width: 100%}
.description, .me {
    position: relative;
    margin: 0;
    z-index: -1;
    width: 100%}
.description div, .me img {
    position: fixed;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.description p, .project p {
    max-width: 640px;
    margin: 0 auto;
    width: 100%}
.copyright, nav, nav a {
    position: relative;
    float: left;
    width: 100%}
nav {
    background: url(../img/lake-michigan.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: 1;
}
.project img {
    float: left;
}
.block, .project div p, .relative {
    position: relative;
}
.copyright, .project div, a, a span {
    display: block;
}
.project div p {
    max-width: 640px;
    margin: 0 auto;
}
.description h1 {
    width: auto;
}
.block, .description p {
    margin: 0 auto;
}
.project a {
    display: inline;
}
a {
    padding: 1.7em 0;
}
.copyright p {
    line-height: 7em;
}
.description div, .project div {
    padding: 3em 1.7em;
}
.dojo-wrap div.wrapper, .project a {
    padding: 0!important;
}
.project p {
    padding-bottom: 1em;
}
.clear, .project div, .project div:after, a {
    clear: both;
}
#thr {
    display: block;
    clear: left;
    position: relative;
}
#group-thr {
    position: relative;
    overflow: hidden;
    height: 50%;
    padding: 20em;
    clear: both;
    background-color: #161C3D;
    margin: 0 auto;
}
#hollow-reed-logo {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
}
.reed {
    position: absolute;
}
.reed:nth-child(2) {
    top: 2%;
    left: -5%;
    z-index: 1;
}
.reed:nth-child(3) {
    top: 5%;
    left: 0;
    z-index: 3;
}
.reed:nth-child(4) {
    top: 3%;
    left: 3%;
    z-index: 1;
}
.reed:nth-child(5) {
    top: 10%;
    left: 10%;
    z-index: 3;
}
.reed:nth-child(6) {
    top: 14%;
    left: 14%;
    z-index: 4;
}
.reed:nth-child(7) {
    top: 28%;
    left: 20%;
    z-index: 2;
}
.reed:nth-child(8) {
    top: 30%;
    left: 24%;
    z-index: 4;
}
.reed:nth-child(9) {
    top: 35%;
    left: 28%;
    z-index: 9;
}
.reed:nth-child(10) {
    top: 52%;
    left: 34%;
    z-index: 5;
}
.reed:nth-child(11) {
    top: 45%;
    left: 38%;
    z-index: 6;
}
.reed:nth-child(12) {
    top: 50%;
    left: 40%;
    z-index: 7;
}
.reed:nth-child(13) {
    top: 1%;
    left: 55%;
    z-index: 1;
}
.reed:nth-child(14) {
    top: 5%;
    left: 58%;
    z-index: 9;
}
.reed:nth-child(15) {
    top: 3%;
    left: 60%;
    z-index: 7;
}
.reed:nth-child(16) {
    top: 1%;
    left: 67%;
    z-index: 5;
}
.reed:nth-child(17) {
    top: 3%;
    left: 71%;
    z-index: 6;
}
.reed:nth-child(18) {
    top: 2%;
    left: 75%;
    z-index: 5;
}
.reed:nth-child(19) {
    top: 9%;
    left: 86%;
    z-index: 4;
}
.reed:nth-child(20) {
    top: 2%;
    left: 90%;
    z-index: 6;
}
a span:last-child, body {
    font-family: Merriweather, serif;
    font-weight: 400;
    font-size: 62.5%;
    line-height: .625em;
    text-align: center;
}
.project a, a, h1, h2, h3, h4, h5, h6, ul, li {
    font-family: Montserrat, sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 auto;
}
h1 {
    font-size: 7.2em;
    line-height: .885em;
    padding-bottom: .13em;
}
.description p, .txt-h1 {
    font-size: 2.6em;
    line-height: 1.36em;
}
h2 {
    font-size: 4.7em;
    line-height: .795em;
    padding-bottom: .085em;
}
ul {font-size: 1.7em;}
ul li ul{
    font-size: 100%;
}
.project div p, .project div ul li, .txt-h2, h4 {
    
}
.project div ul{


    line-height: 1.47em;
}
.project div ul{
    text-align: left;
    max-width: 960px;
    padding-top: .75em;
    padding-bottom: .75em;
}
.project div ul li{
    text-align: left;
    color: #69646A;
    padding-bottom: .75em;
}

.project .recipes{
    text-align: left;
    margin: 0 auto;
    max-width: 960px;
}
.project .recipes h1{
    text-align: left;
}
.project .recipes h2{
    text-align: left;
}
a span:first-child, h3 {
    font-size: 3.6em;
    line-height: .935em;
    padding-bottom: .13em;
}
.copyright, .txt-h3, a span:last-child {
    font-size: 1.3em;
    line-height: 1.36em;
    font-weight: 400;
}
.project a {
    font-size: 1em;
    line-height: 1.36em;
    font-weight: 400;
}
b {
    font-weight: 700;
}
a span:last-child, i {
    font-style: italic;
    font-weight: 400;
}
a {
    text-decoration: none;
}
li {
    list-style: none;
}
a span:last-child {
    text-transform: lowercase;
}
a {
    cursor: pointer;
}
.project a {
    text-decoration: underline;
}
.project h2:not(:first-child), .project h3:not(:first-child) {
    padding-top: .36em;
}
.project, .read-more, .white-bg {
    background-color: #FFF;
}
.dojo-wrap h1, .dojo-wrap h2, .dojo-wrap p, .enter-dojo {
    color: #FFF!important;
}
html {
    background: #59575B;
    background: rgba(89, 86, 91, .44);
}
.dark {
    background: #59575B!important;
}
.project div p {
    color: #59575B;
}
.project div h2, .project div h3, h1, h4 {
    color: #69646A;
}
a:link.venture-creations {
    background-color: #9C8C7C;
    background-color: rgba(156, 140, 124, .44);
}
.venture-creations div {
    background-color: #9C8C7C;
}
a:link.shen-dojo {
    background: rgba(134, 121, 115, .44);
}
.shen-dojo div {
    background-color: #867973;
}
a:link.pro-it {
    background: rgba(153, 140, 124, .44);
}
.pro-it div {
    background-color: #998C7C;
}
.copyright {
    background: rgba(117, 111, 111, .44);
}
a:link.g-raps {
    background: rgba(145, 131, 122, .44);
}
.g-raps div {
    background-color: #91837A;
}
a:link.money {
    background: rgba(125, 125, 117, .44);
}
.money div {
    background-color: #7D7D75;
}
.project a {
    color: #7D7D75;
}
 {
    background: rgba(176, 155, 124, .44);
    background-color: #B09B7C;
}
a:link.com-publishing {
    background: rgba(163, 145, 123, .44);
}
.com-publishing div {
    background-color: #A3917B;
}
a:link.the-hollow-reed {
    background: rgba(144, 129, 118, .44);
}
.the-hollow-reed div {
    background-color: #908176;
}
a:link.jacob-rebh {
    background: rgba(176, 155, 124, .44);
}
.jacob-rebh div {
    background-color: #B09B7C;
}
a:link.wildfire {
    background: rgba(121, 120, 119, .44);
}
.wildfire div {
    background-color: #797877;
}
nav a {
    color: #CEC6C1;
}
.description, .description h1, span {
    color: #E2DFDE;
}
::-moz-selection {
    background: #CEC6C1;
    text-shadow: none;
    color: #59575B;
}
::selection {
    background: #CEC6C1;
    text-shadow: none;
    color: #59575B;
}
.dojo-container {
    background-color: #fff;
    padding: 0 5em 5em!important;
}
.dojo-wrap {
    font-size: 2em;
    padding: 15px 0!important;
    background-color: #59575B;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
}
.email-input {
    font-size: 250%;
    padding: 1em!important;
    width: auto;
}
#id_2 {
    display: inline-block;
    padding: 0!important;
    margin: 0!important;
}
.dojo-wrap div.wrapper .txt-h3 {
    font-size: 100%}
.enter-dojo .block {
    position: relative;
    padding-top: 10em;
    padding-bottom: 10em;
}
.enter-dojo .block.short {
    padding-top: 5em;
    padding-bottom: 5em;
}
.enter-dojo .block.shorter {
    padding-top: 3em;
    padding-bottom: 3em;
}
.enter-dojo .wrapper {
    *zoom: 1;
    width: 90%;
    margin: 0 auto;
}
.enter-dojo .wrapper:before, .wrapper:after {
    content: "";
    display: table;
}
.enter-dojo .wrapper:after {
    clear: both;
}
.enter-dojo .trans-white-wrapper {
    line-height: 1.68;
    padding: 1em;
    background-image: url(../img/trans-bg.png);
    background-repeat: repeat;
}
.enter-dojo .form-all {
    margin: 0 auto;
}
.enter-dojo li {
    text-decoration: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
.enter-dojo li.form-line {
    display: inline;
    padding: 0;
    margin: 0;
    padding-top: 1em;
}
.enter-dojo #input_4 {
    font-size: .6em;
    padding: 1em;
    font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
    border: 1px solid buttonface;
    border-radius: 50px 0 0 50px!important;
    -moz-border-radius: 50px 0 0 50px!important;
    -webkit-border-radius: 50px 0 0 50px!important;
}
.enter-dojo .form-input {
    display: inline;
    margin: 0;
    padding: 0;
}
.enter-dojo .form-label-left {
    width: 70px!important;
}
.enter-dojo .form-buttons-wrapper {
    display: inline!important;
    padding: 0!important;
}
.enter-dojo button {
    margin-left: -20px;
    border: 1px solid buttonface;
    color: #58595B;
    font-size: .6em;
    padding: 1em;
    font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 0 50px 50px 0;
    -moz-border-radius: 0 50px 50px 0;
    -webkit-border-radius: 0 50px 50px 0;
    background: #f7f8f8;
    background: url(data:image/svg+xml;
    
  base64,  PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f7f8f8 0, #c9c9c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f8f8), color-stop(100%, #c9c9c9));
    background: -webkit-linear-gradient(top, #f7f8f8 0, #c9c9c9 100%);
    background: -o-linear-gradient(top, #f7f8f8 0, #c9c9c9 100%);
    background: -ms-linear-gradient(top, #f7f8f8 0, #c9c9c9 100%);
    background: linear-gradient(to bottom, #f7f8f8 0, #c9c9c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f8',  endColorstr='#c9c9c9',  GradientType=0);
}
@media only screen and (max-width:768px) {
    nav {
    background-attachment: local;
}
nav, nav a {
    padding-left: 0;
    padding-right: 0;
}
}@media only screen and (max-width:480px) {
    body, html {
    width: auto;
}
.full-screen, .half, .one-quarter, .one-third, .two-thirds {
    width: 100%}
.sub-description {
    display: block;
}
#group-thr, a.shen-dojo, img.two-thirds {
    display: none;
}
nav, nav a {
    position: relative;
    float: left;
    padding-left: 0;
    padding-right: 0;
    display: block;
    clear: both;
}
nav {
    background-attachment: local;
}
.description div {
    max-width: 480px;
    padding: 3em;
    width: auto;
}
h1 {
    font-size: 300%;
    line-height: .885em;
    padding-bottom: .13em;
}
.description p, .txt-h1 {
    font-size: 170%;
    line-height: 1.36em;
}
h2 {
    font-size: 300%;
    line-height: .795em;
    padding-bottom: .085em;
}
.project div p, .txt-h2 {
    font-size: 150%;
    line-height: 1.47em;
}
a span:first-child, h3 {
    font-size: 300%;
    line-height: .935em;
    padding-bottom: .13em;
}
.copyright, .txt-h3, a span:last-child {
    font-size: 120%;
    line-height: 1.36em;
}
}@media only screen and (max-width:320px) {
    .trbl {
    min-height: 73px!important;
}
}@media print {
    .description div, .me {
    -webkit-print-color-adjust: exact;
}
body, html {
    width: 29cm;
}
.description div {
    page-break-inside: avoid;
    width: 100%;
    position: absolute;
}
.project div, .project img {
    page-break-inside: avoid;
}
nav a {
    display: none;
}
nav {
    background-image: none!important;
    background-color: transparent!important;
}
nav span.copyright {
    background-color: transparent!important;
    color: #69646A;
}
}.inline {
     display: inline-block;
}
