.description {max-width:400px;margin:0 auto;padding:0 20px;}
.dist {display:block;width:170px;margin:20px auto;padding:10px 0;font-family:'Source Sans Pro',sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;background:#09AE9B;color:#fff;}
.dist:hover {background:#099681;}
.examplecode {margin:0 auto 30px;}
.examplecode:last-child {margin-bottom:0;}
code {font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:12px;}
tr {display:block;padding:0 20px;margin-bottom:20px;}
.description {margin-bottom:10px;}
section {padding:40px 0;}
section:nth-child(even) {background:#ececec;}
td,th {display:block;font-family:'Source Sans Pro',sans-serif;line-height:24px;font-weight:300;color:#2E435A;}
th {text-align:left;font-weight:600;}
footer {margin:0 auto;padding:20px;font-family:'Source Sans Pro',sans-serif;font-size:14px;text-align:center;background:#2E435A;color:#fff;}
/*** Slider specific styles*/.slider {position:relative;width:320px;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-o-user-select:none;user-select:none;}
.frame {position:relative;width:270px;margin:0 auto;font-size:0;line-height:0;overflow:hidden;white-space:nowrap;}
.frame li {position:relative;display:inline-block;font-family:'Source Sans Pro',sans-serif;height:130px;text-align:center;font-size:14px;line-height:30px;}
.slides {display:inline-block;}
.simple li {width:270px;margin-right:10px;}
.variablewidth li {width:280px;margin-right:10px;}
.multipleelements li,.multislides li,.ease li {width:60px;height:155px;}
.simple li:last-child,.variablewidth li:last-child,.multipleelements li:last-child,.multislides li:last-child,.ease li:last-child {margin-right:0;}
.prev,.next {position:absolute;margin-top:-150px;display:block;cursor:pointer;}
.next {right:0;}
.prev {left:0;}
.next svg,.prev svg {width:55px;}
@media screen and (min-width:640px ) {/*** Demo Page Styles*/.examplecode,.frame {width:580px;}
table {width:580px;margin:0 auto;}
tr {padding:0;}
/*** Slider specific styles*/.slider {width:640px;margin:0 auto 20px;}
.simple li {width:580px;}
.variablewidth li {width:280px;margin-right:10px;}
.multipleelements li,.multislides li,.ease li {width:130px;margin-right:20px;}
}
@media screen and (min-width:980px ) {/*** Demo Page Styles*/.examplecode {width:880px;}
/*** Slider specific styles*/.slider {width:1000px;}
.slider  h {margin-top:210px;font-size:14px;color:#666;overflow:hidden;}
.frame {width:940px;height:200px;text-align:center;}
.simple li {width:880px;}
.variablewidth li {width:280px;margin-right:10px;}
.multipleelements li,.multislides li,.ease li {width:218px;height:200px;margin-right:15px;     overflow: hidden;}
}