#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
}
}
.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
}
}