#demos .owl-carousel {
    margin: 2rem 0
}

#demos .owl-carousel .item {
    height: 10rem;
    background: #4DC7A0;
    padding: 1rem
}

#demos .owl-carousel .item h4 {
    color: #FFF;
    font-weight: 400;
    margin-top: 0rem
}

#demos .owl-carousel .item-video {
    height: 300px
}

#demos #setup {
    margin-top: 4rem
}

#demos .demo-list h5 {
    margin: 0
}

@media only screen {
    .demo-list [class*="column"]+[class*="column"]:last-child {
        float: left
    }
}

.demo-block {
    background: #eaeaea;
    height: 6rem;
    padding: 1rem;
    margin-bottom: 1rem;
    display: block;
    -webkit-transition: background 200ms ease-in-out;
    -moz-transition: background 200ms ease-in-out;
    -ms-transition: background 200ms ease-in-out;
    -o-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out
}

.demo-block:hover {
    background: #1ccacd
}

.demo-block:hover h5 {
    color: #FFF
}

.demo-block h5 {
    font-weight: normal
}

code {
    font-weight: bold;
    background: #f7f7f7;
    font-size: 90%;
    font-weight: normal;
    padding: 1px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

blockquote {
    padding: 1rem 1rem;
    border-left: 7px solid #1ccacd
}

blockquote p {
    font-size: 1.1rem;
    margin: 0
}

p {
    color: #555555
}

#demos .owl-carousel {
    margin: 2rem 0
}

#demos .owl-carousel .item {
    height: 10rem;
    background: #d93017;
    padding: 1rem
}

#demos .owl-carousel .item h4 {
    color: #FFF;
    font-weight: 400;
    margin-top: 0rem
}

#demos .owl-carousel .item-video {
    height: 300px
}

#demos #setup {
    margin-top: 4rem
}

#demos .demo-list h5 {
    margin: 0
}

@media only screen {
    .demo-list [class*="column"]+[class*="column"]:last-child {
        float: left
    }
}

.callbacks div {
    margin-bottom: 0.3rem
}

.callbacks span.label {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out
}

#docs {
    padding-top: 2rem
}

#docs .docs-content h2:first-child {
    padding-top: 0;
    margin-top: 0
}

#docs h4 {
    margin-top: 0.3rem;
    margin-bottom: 0.5rem
}

#docs ul.side-nav {
    text-align: right;
    margin-bottom: 1rem
}

#docs ul.side-nav li {
    margin: 0;
    padding: .3rem 3rem .3rem 0
}

#docs ul.side-nav li:hover,
#docs ul.side-nav li.active {
    background: #f7f7f7
}

#docs ul.side-nav li:hover a,
#docs ul.side-nav li.active a {
    color: #000;
    background-color: transparent
}

#docs ul.side-nav li.side-nav-head {
    text-transform: uppercase;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    padding: 0rem 3rem .3rem 0
}

#docs ul.side-nav li.side-nav-head:hover {
    background: transparent
}

@media only screen and (max-width: 40em) {
    #docs {
        padding-top: 1rem
    }
    #docs ul.side-nav {
        text-align: left
    }
}


section{
    display: block
}