

a {
    text-decoration: none
}


.clr {
    clear: both
}

.container>header {
    padding: 20px 30px 10px;
    margin: 0;
    position: relative;
    display: block;
    text-shadow: 1px 1px 1px rgba(0,0,0,.2);
    text-align: center
}

.container>header h1 {
    font-family: bebasneueregular,arial narrow,Arial,sans-serif;
    font-size: 54px;
    line-height: 35px;
    position: relative;
    font-weight: 400;
    color: #186f8f;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    padding: 0 0 5px
}

.container>header h1 span {
    color: #8a9396;
    text-shadow: 0 1px 1px rgba(255,255,255,.8)
}

.container>header h2,p.info {
    font-family: bebasneueregular,arial narrow,Arial,sans-serif;
    font-size: 24px;
    color: #999;
    text-shadow: 0 1px 1px #fff
}


.codrops-top {
    font-family: arial narrow,Arial,sans-serif;
    line-height: 24px;
    font-size: 11px;
    background: #000;
    opacity: .9;
    text-transform: uppercase;
    z-index: 9999;
    position: relative;
    -moz-box-shadow: 1px 0 2px #000;
    -webkit-box-shadow: 1px 0 2px #000;
    box-shadow: 1px 0 2px #000
}

.codrops-demos {
    text-align: center;
    display: block;
    line-height: 30px;
    padding: 0
}

.codrops-demos a {
    display: inline-block;
    //margin: 0px2px;
    padding: 4px 10px;
    color: #fff;
    line-height: 20px;
    font-style: italic;
    font-size: 13px;
    //border-radius: 6px;
    background: #8a9396;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -ms-transition: all .2s linear;
    transition: all .2s linear
}

.codrops-demos a:hover {
    cursor: pointer;
    background: rgba(0,0,0,.7)
}

.codrops-demos a.current,.codrops-demos a.current:hover {
    cursor: pointer;
    background: rgba(0,0,0,.8)
}

#DoubleViewer {
    margin: 0 auto
}

#DoubleViewer p {
    display: block;
    padding-bottom: 60px
}

@media screen and (max-width: 767px) {
    .container>header {
        text-align:center
    }

    p.codrops-demos {
        position: relative;
        top: auto;
        left: auto
    }
}
