/* ====================================

Basic CSS for the demo

==================================== */
body{
	font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}


.tittledemo{
	color: #92278f;
    font-size: 40px;
    display: block;
}

p{
	/*color: black;*/
	font-size: 18px;
}

li{
	cursor: pointer;
}
li:hover{
	color: #92278f;
}


.mainContainer{
	position: absolute;
	left: 27%;
	width: 600px;
	top: 13%;
}


.red{
	color: #e51400;
}

.purp{
	color: #92278f;
}

.botPurp{
	background-color: #92278f;
}

.botPurp:hover{
	background-color: #721f70;
}

.teal{
	color: #1ba1e2;
}

.teal2{
	color: #00aba9;
}

.white{
	color: white;
}

.green{
	color: #a4c400;
}

.orange{
	color: #fa6800;
}

/* Mobile Phones */
@media screen and (max-width: 450px) and (max-width: 767px)and (orientation:portrait) {

	.mainContainer{
		position: absolute;
		left: 5%;
		width: 100%;
		top: 30%;
	}

	.tittledemo{
		font-family: 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
		color: #92278f;
	    font-size: 30px;
	    display: block;
	}

}