body{
    text-rendering:optimizeLegibility!important
}
.btn-c,h1,h6{
    text-transform:uppercase
}
@media (max-width:700px){
    .btn.btn-close,.nav a{
        display:block
    }
    .nav{
        overflow:hidden
    }
    .pagename{
        margin-top:-11px
    }
    .nav:active,.nav:focus{
        height:auto
    }
    .nav div:before{
        background:#000;
        border-bottom:10px double;
        border-top:3px solid;
        content:'';
        float:right;
        height:4px;
        position:relative;
        right:3px;
        top:14px;
        width:20px
    }
    .nav a{
        padding:.5em 0;
        width:50%
    }
    html{
        font-size:14px
    }
}
.hero{
    margin:0
}
p{
    font-size:1.2rem;
    line-height:1.75;
    font-weight:300
}
.dark-text,p{
    color:#4e4f57
}
.btn,.nav,.nav .current,.nav a:hover,.white-text{
    color:#fff
}
@media (max-width:500px){
    .grey-page{
        background-color:#fafafa
    }
}
.brown-page{
    background-color:#1a171a!important
}
.c4 h3,.hero h1{
    margin-top:0
}
h3,h4,h5,h6{
    letter-spacing:0
}
.nav a,.nav div:before{
    position:relative
}
body{
    background:0;
    border-radius:0;
    font:16px sans-serif;
    margin:0;
    font-family:system-ui,-apple-system,BlinkMacSystemFont,Roboto,Roboto Slab,Droid Serif,Segoe UI,Arial,sans-serif
}
.btn-c,.hero h1,h1,h2,h3,h4,h5,h6{
    font-weight:600
}
.btn,.nav a{
    text-decoration:none
}
.container{
    margin:0 20px;
    width:auto
}
.btn{
    background:#999;
    border-radius:6px;
    border:0;
    cursor:pointer;
    display:inline-block;
    margin:2px 0;
    padding:12px 30px 14px
}
.btn:hover{
    background:#888
}
.btn:active,.btn:focus{
    background:#777
}
.btn-a{
    background:#0ae
}
.btn-a:hover{
    background:#09d
}
.btn-a:active,.btn-a:focus{
    background:#08b
}
.btn-c:hover{
    background:#c22
}
.btn-c:active,.btn-c:focus{
    background:#b22
}
.btn-sm{
    border-radius:4px;
    padding:10px 14px 11px
}
.row{
    margin:1% 0;
    overflow:auto
}
.col{
    float:left
}
.c12{
    width:100%
}
.c11{
    width:91.66%
}
.c10{
    width:83.33%
}
.c9{
    width:75%
}
.c8{
    width:66.66%
}
.c7{
    width:58.33%
}
.c6{
    width:50%
}
.c5{
    width:41.66%
}
.c4{
    width:33.33%
}
.c3{
    width:25%
}
.c2{
    width:16.66%
}
.c1{
    width:8.33%
}
.btn,h2{
    font-size:2em
}
.btn-sm,.nav{
    outline:0;
    font-size:14px
}
.nav{
    padding:11px 0 15px;
    height:35px
}
.hero{
    height:100%;
    margin:0
}
.nav a{
    top:-1px
}
.nav .pagename{
    font-size:22px;
    top:1px
}
.btn.btn-close{
    float:right;
    font-size:25px;
    display:none;
    padding:0;
    margin:-50px 25px
}
@media (min-width:1310px){
    .container{
        margin:auto;
        width:1270px
    }
}
@media (max-width:870px){
    .row .col{
        width:100%
    }
}
@media (max-width:700px){
    .btn.btn-close,.nav a{
        display:block
    }
    .nav{
        overflow:hidden
    }
    .pagename{
        margin-top:-11px
    }
    .nav:active,.nav:focus{
        height:auto
    }
    .nav div:before{
        background:#000;
        border-bottom:10px double;
        border-top:3px solid;
        content:'';
        float:right;
        height:4px;
        position:relative;
        right:3px;
        top:14px;
        width:20px
    }
    .nav a{
        padding:.5em 0;
        width:50%
    }
    html{
        font-size:14px
    }
}
.hero{
    background:#eee;
    padding:20px
}
.hero h1{
    margin-bottom:.3em
}
.c4{
    padding:10px;
    box-sizing:border-box
}
.c4 a{
    margin-top:10px;
    display:inline-block
}
.btn.btn-close,.nav,.nav .current,.nav a:hover{
    background:#1a171a
}
.nav a{
    padding-right:0;
    color:#ccc
}
.nav div:before{
    right:3px;
    top:22px;
    width:20px;
    cursor:pointer
}
.hero{
    height:100%;
    border-radius:0;
    padding-top:4em;
    padding-bottom:4em
}
.btn-c{
    background:#B84F1D;
    border-radius:6px;
    letter-spacing:.14px
}
.center{
    text-align:center
}
.align-left{
    text-align:left
}
.align-right{
    text-align:right
}
.white-page{
    background-color:#fff
}
.dark-grey-page{
    background-color:#666
}
.grey-page{
    background-color:#eee
}
.black-page{
    background-color:#000!important
}
h1,h2,h3,h4,h5,h6{
    font-family:sans-serif;
    margin:0 0 1.4em
}
h1{
    font-size:35px;
    line-height:1.11;
    letter-spacing:-.72px
}
h2{
    font-size:32px;
    line-height:1.21;
    letter-spacing:-.48px
}
h3{
    font-size:24px;
    line-height:1.22
}
h4{
    font-size:22px;
    line-height:1.36
}
h5{
    font-size:20px
}
h5,h6{
    line-height:1.25
}
h6{
    font-size:16px
}
@media (min-width:768px){
    html{
        font-size:16px
    }
    h1{
        font-size:60px
    }
    h2{
        font-size:36px
    }
    h3{
        font-size:26px
    }
    h4{
        font-size:25px
    }
    h5{
        font-size:22px
    }
    h6{
        font-size:18px
    }
}
@media (min-width:1025px){
    html{
        font-size:18px
    }
    h1{
        font-size:60px
    }
    h2{
        font-size:36px
    }
    h3{
        font-size:28.48px
    }
    h4{
        font-size:28px
    }
    h5{
        font-size:24px
    }
    h6{
        font-size:20px
    }
}
.strong,strong{
    font-weight:700
}
h1,h2,h3,h4,h5{
    font-weight:lighter!important
}
@media (max-width:500px){
    .grey-page{
        background-color:#fafafa
    }
}
.footer-row{
    margin:0!important;
    padding:0!important
}
.footer-bottom-row{
    padding:1.5em;
    background-color:#322f31;
    font-size:medium
}
.footer-href-img{
    height:5em;
    width:auto
}
.black-text{
    color:#000
}
.page-h1{
    margin-top:1.5em!important;
    margin-bottom:2em!important
}
::placeholder{
    color:#666;
    opacity:1
}
:-ms-input-placeholder{
    color:#666
}
::-ms-input-placeholder{
    color:#666
}
h2{
    text-transform:capitalize
}
img{
    max-width:100%;
    max-height:100%
}
.st0{
    fill:#fff
}

.hero,ul ul{
    margin:0
}
ul{
    margin:0 0 1.5em
}
li,p,ul{
    font-size:1.2rem;
    line-height:1.75;
    font-weight:300
}
.dark-text,li,p,ul{
    color:#4e4f57
}





    textarea, input {
        font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace !important;
    }


    /* customize global menu bar */
    .btn.btn-close, .nav, .nav .current, .nav a:hover {
        background:white;
    }
    .btn, .nav, .nav .current, .nav a:hover {
        color:#B84F1D;
    }
    .nav a {
        padding-right: 0;
        color: #585858;
    }
    .nav div::before {
        top: 15px;
        background: white;
        border-bottom: 12px double;
        border-top: 4px solid;
    }

    /* fix abbr and abreviation standards bodies debacle */
    .betterabbr {
        cursor: help;
    }

    .heroic {
        background-color: transparent;
        padding: unset;
        margin: unset;
    }

    .great {
        border-color: #2d2;
        background: #dfd;
    }



    .red-block{
        background-color: #B84F1D!important;
        /*  T   R   B   L s*/
        padding: 6px 8px 0px 8px!important;
    }
    .white-text{
        color: white!important;
    }


    .h1leader{
        text-align:center;
        text-transform: none;
        line-height: 1.5em;
    }
    .h2leader{
        margin-top:0;
        padding-top:0;
        text-transform: none;
        text-align:center;

        font-weight:900;
    }

    .rhcolsp{
        padding-right: 1em;
    }
    .lhcolsp{
        padding-left: 1em;
    }

    a{
        color:#B84F1D;
    }

    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }


    a[rel="nofollow"]:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(178,18,1)' viewBox='-4 -4 20 20'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
    }
    a[rel="nofolloww"]:after {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='rgb(255,255,255)' viewBox='-4 -4 20 20'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
    }
    a[type="post"]:after {
        content:"";
    }

    /*    ul{
            font-size:1em!important;
            line-height:1.75!important;
            font-weight:300!important;
        }*/

    @media (max-width:500px){
        .grey-page{
            background-color:#fafafa
        }

        h1{
            font-size:1.5em;
            font-weight: normal!important;
        }
        h2{
            font-size:1.25em;
            font-weight: normal!important;
        }

        .ffi3 {
            display:block!important;
            height:1em;
            font-size:1em;
            background-color:#fff;
            padding:1em;
            width:95%!important;
            box-shadow:rgba(255,255,255,.67) 0 1px 0 0,rgba(5,5,5,.13) 0 1px 3px 0 inset
        }


        /*    body{
                min-height: 100vh;
                display: flex;
                flex-direction: column;
            }
            footer{
                margin-top: auto;
            }*/






    }

    a[href*='smashwords.com']:after {
        content:'';
    }