table {
    border-collapse: collapse;
    border-spacing: 0
}

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

img, embed, object, video, svg {
    max-width: 100%
}

header {
    position: relative;
    height: 160px;
    line-height: 180px;
    text-align: center
}

    header h1 {
        font-size: 2rem
    }

@media only screen and (min-width: 768px) {
    header {
        height: 200px;
        line-height: 225px
    }

        header h1 {
            font-size: 2.6rem
        }
}
.js-cd-navigation li a{color:#fff;}
.cd-tabs {
    position: relative;
    width: 100%;
    margin: 2em auto
}

    .cd-tabs.cd-tabs--scroll-ended::after {
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity .3s 0s,visibility 0 .3s;
        transition: opacity .3s 0s,visibility 0 .3s
    }

    .cd-tabs nav {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background: #2f7213;
        -webkit-box-shadow: inset 0 -2px 3px rgba(203,196,130,0.06);
        box-shadow: inset 0 -2px 3px rgba(203,196,130,0.06)
    }

@media only screen and (min-width: 768px) {
    .cd-tabs::after {
        display: none
    }

    .cd-tabs nav {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        -webkit-box-shadow: inset -2px 0 3px rgba(203,196,130,0.06);
        box-shadow: inset -2px 0 3px rgba(203,196,130,0.06);
        z-index: 1
    }
}

@media only screen and (min-width: 960px) {
    .cd-tabs nav {
        position: relative;
        float: none;
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        background: #888b00
    }
}

.cd-tabs__navigation {
    width: 360px
}

    .cd-tabs__navigation:after {
        content: "";
        display: table;
        clear: both
    }

    .cd-tabs__navigation li {
        float: left
    }

    .cd-tabs__navigation a {
        position: relative;
        display: block;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        ound-color: rgba(233,230,202,0.3)
    }

        .cd-tabs__navigation a:hover {
            color: #29324e;
            background-color: rgba(233,230,202,0.3)
        }

        .cd-tabs__navigation a.cd-selected {
            background-color: #fff !important;
            -webkit-box-shadow: inset 0 2px 0 #f05451;
            box-shadow: inset 0 2px 0 #f05451;
            color: #29324e
        }

        .cd-tabs__navigation a[data-content='new']::before {
            background-position: 0 0
        }

        .cd-tabs__navigation a[data-content='gallery']::before {
            background-position: -16px 0
        }

        .cd-tabs__navigation a[data-content='store']::before {
            background-position: -32px 0
        }

        .cd-tabs__navigation a[data-content='settings']::before {
            background-position: -48px 0
        }

        .cd-tabs__navigation a[data-content='trash']::before {
            background-position: -64px 0
        }

        .cd-tabs__navigation a[data-content='inbox']::before {
            background-position: -80px 0
        }

        .cd-tabs__navigation a[data-content='new'].cd-selected::before {
            background-position: 0 -16px
        }

        .cd-tabs__navigation a[data-content='gallery'].cd-selected::before {
            background-position: -16px -16px
        }

        .cd-tabs__navigation a[data-content='store'].cd-selected::before {
            background-position: -32px -16px
        }

        .cd-tabs__navigation a[data-content='settings'].cd-selected::before {
            background-position: -48px -16px
        }

        .cd-tabs__navigation a[data-content='trash'].cd-selected::before {
            background-position: -64px -16px
        }

        .cd-tabs__navigation a[data-content='inbox'].cd-selected::before {
            background-position: -80px -16px
        }

@media only screen and (min-width: 768px) {
    .cd-tabs__navigation {
        width: 80px;
        float: left
    }

        .cd-tabs__navigation a.cd-selected {
            -webkit-box-shadow: inset 2px 0 0 #f05451;
            box-shadow: inset 2px 0 0 #f05451
        }

        .cd-tabs__navigation a::before {
            top: 24px
        }
}

@media only screen and (min-width: 960px) {
    .cd-tabs__navigation {
        width: auto;
        background-color: #2f7213;
        width: 100%;
        -webkit-box-shadow: inset 0 -2px 3px rgba(203,196,130,0.06);
        box-shadow: inset 0 -2px 3px rgba(203,196,130,0.06)
    }

        .cd-tabs__navigation a {
            width: auto;
            text-align: left;
            font-size: 12px;
            padding: 10px 20px
        }

            .cd-tabs__navigation a.cd-selected {
                -webkit-box-shadow: inset 0 2px 0 #f05451;
                box-shadow: inset 0 2px 0 #f05451
            }
}

.cd-tabs__content li.litabs {
    display: none
}

.cd-tabs__content li.cd-selected {
    display: block;
    -webkit-animation: cd-fade-in .5s;
    animation: cd-fade-in .5s
}

@media only screen and (min-width: 768px) {
    .cd-tabs__content {
        min-height: 480px
    }
}

@media only screen and (min-width: 960px) {
    .cd-tabs__content {
        min-height: 0
    }
}

@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes cd-fade-in {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}