@import url(https://fonts.googleapis.com/css?family=Bitter:400,400italic,700|Open+Sans:400,400italic,700,700italic,300,300italic|Oswald:400,300|Domine:700);

.background-image {
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;

    display: none;
    background-image: url('//riff.ink/gfx/thinking2.gif');
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.indexSplashCanvas {display: block; position: absolute; left: 0; top:0; background: rgba(246,236,209,1); width: 100%;  height:auto; min-height: 100vh; padding: 0; border: none; background: rgba(34,34,34,1); background-image: url(https://www.lejama.com/gfx/spin-bg.gif); background-repeat: no-repeat; background-postion: 50% 50%; background-size: cover; z-index: -1; }

.indexSplashCanvasShader {display: block; position: relative; left: 0; top:0; background: rgba(34,34,34,0.6); width: 100%;  height:auto; min-height: 100vh; padding: 0; border: none; z-index: 1;}

html {
    z-index: 2;
}

body {
    line-height: 1.33em;
    z-index: 2;
    font-weight: 300;
    /* background-color: #252830; */
    /* color: #fff; */
    color: #fff;
}

a {
    text-decoration: none
}

strong, b {
    font-weight: 400
}

body {
    font-family: "Open Sans", "Helvetica", "Arial", sans-serif;
    color: #fff;
}

header, main, footer {
    width: 100%;
    max-width: 960px;
    padding: 0;
    margin: 0 auto
}

main {margin-bottom: 40px;}

header {

}

header img {
    height: 30px
}

main {
    text-align: center;
    padding-top: 60px
}

h1 {
    margin: 10px auto -5px;
    font-size: 56px;
    font-weight: 500;
}

h2, p.big {
    font-size: 30px;
    font-weight: 300;
    text-align: center;
}

p.big {
    font-size: 28px;
    margin-top: 40px;
    line-height: 36px;
    text-align: center;
}
p.copy {font-family: "Open Sans", "Helvetica", "Arial", sans-serif;}

p.regularText {
    font-size: 22px;
    line-height: 31px;
    text-align: left;
}


main nav {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px
}

ul {
    margin-top: 30px
}

ul li {
    display: inline-block;
    font-weight: 500;
    padding: 5px
}

.social ul {
    margin-top: 20px
}

a {
    color: #fff;
}

a:hover {
    color: #fff;
}

.social li {
    padding: 0
}

.social a {
    display: block;
    width: 28px;
    height: 28px;
    margin: 0 1px
}

.social a circle {
    fill: #3ab795
}

.social a path {
    fill: #fff;
    stroke: #fff
}

.social a.reddit {
    stroke-width: 50
}

.social a:hover circle {
    fill: #283039
}

footer {
    margin-top: 70px;
  /*  border-top: 1px solid #d4d6d8; */
    font-size: 14px;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

footer ul {
    margin: 0 auto
}

footer li {
    padding: 0;
    padding-right: 30px
}

.cta {
    margin: 20px auto 30px
}

.note {
    font-size: 14px
}

input.form-control {
    padding: 11px 10px 11px 13px!important; border: none!important; font: 16px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif; margin: 0;
}

.help-block {
    color: #ffffff;
}

a.btn {
    display: inline-block;
    font: normal 14px "Open Sans", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    background: #3ab795;
    border: 2px solid #3ab795;
    padding: 12px 30px 10px;
    color: #fff
}

a.btn:hover {
    color: #fff;
    background: #379f86;
    border-color: #379f86
}

a.btn span {
    -webkit-font-feature-settings: normal
}

a.btn:focus {
    outline: 0
}

.btn {padding: 11px 10px 11px 13px!important; border: none!important; font: 16px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif!important; font-weight: bold!important; text-transform: none!important;}

.btn-default {padding: 11px 10px 11px 13px!important; border: none!important; background-color: #fff!important; color: #222!important; border: none!important; font: 16px/1.4 "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, sans-serif!important; font-weight: bold!important; text-transform: none!important; margin: 0;}

.bg-danger {padding: 15px; margin: 10px; font-size: 14px; color: #000; font-weight: bold;}
.bg-info {padding: 15px; margin: 10px; font-size: 14px; color: #000; font-weight: bold;}