/* demo */

#demo .demo-head{
	background-color:#fff;
	padding:10px;
}

a.teal {
    background: #00A0B1;
}
a.teal:after {
	background: #008299;
}
a.blue {
    background: #2E8DEF;
}
a.blue:after{
	background: #2672EC;
}
a.purple {
    background: #A700AE;
}
a.purple:after{
    background: #8C0095;
}
a.dark-purple {
    background: #643EBF;
}
a.dark-purple:after {
    background: #5133AB;
}
a.red {
    background: #BF1E4B;
}
a.red:after {
    background: #AC193D;
}
a.orange {
    background: #DC572E;
}
a.orange:after {
    background: #D24726;
}
a.green {
    background: #00A600;
}
a.green:after {
    background: #008A00;
}
a.skyblue {
    background: #0A5BC4;
}
a.skyblue:after {
    background: #094AB2;
}
a.yellow {
    background: #FFC40D;
}
a.yellow:after {
    background: #E3A21A;
}
a.dark {
    background: #444;
}
a.dark:after {
    background: #212121;
}
a.lime {
    background: #A4C400;
}
a.lime:after {
    background: #60A917;
}
a.pink {
    background: #F472D0;
}
a.pink:after {
    background: #D80073;
}
@media screen and (max-width: 1024px) {
    #demo {
        width: 100%
    }
}