body{
	background: #000;
	font-family: "Open Sans", sans-serif;
}

.header{
	font-size: 12px;
	border: 2px solid #ff00cc;
	background: #fff;
	width: 100%;
	text-align: center;
	margin-bottom: 4px;
}

.header h2, h1{
	font-style: italic;
	margin: 4px 0px;
}

.body .live-banner{
	overflow: hidden;
	background: #ff9900;
	background: linear-gradient(180deg,rgba(255, 153, 0, 1) 0%, rgba(255, 158, 3, 1) 50%, rgba(255, 229, 0, 1) 100%);
}

.body .live-banner .column{
	width: 400px;
	margin: 8px auto;
	text-align: center;
}

.body .live-banner .column img{
	width: 80px;
}

.body .live-banner .column b{
	width: 140px;
	font-style: italic;
	font-size: 20px;
	position: relative;
	top: -18px;
}

.body .results{
	border: 2px solid #ffe400;
	padding: 0px;
}

.body .results li{
	margin: 0px auto;
	background: #e3f7e2;
	overflow: hidden;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #ababab;
}

.body .results li .data{
	width: 800px;
	margin: auto;
}

.body .results li .left-item{
	float: left;
	width: 100px;
	background: #cf000f;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	position: relative;
	top: 40px;
}

.body .results li .display{
	width: 600px;
	float: left;
	text-align: center;
	font-style: italic;
}

.body .results li .display h3{
	font-size: 24px;
	margin-bottom: 4px;
	text-shadow: 2px 2px 4px #a2a2a2;
}

.body .results li .display b{
	font-size: 20px;
	text-shadow: 2px 2px 4px #a2a2a2;
}

.body .results li .display p{
	color: #cf000f;
	font-weight: bold;
}

.body .results li .right-item{
	float: right;
	width: 100px;
	background: #cf000f;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	position: relative;
	top: 40px;
}

.footer .row{
	background: #fff;
	border: 2px solid #00ff12;
	text-align: center;
	font-style: italic;
}

.footer .row h4{
	color: #650a53;
	margin-bottom: 4px;
}

.footer .row p{
	font-size: 11px;
}

@media only screen and (max-width: 500px) {

	.body .live-banner .column img{
		width: 60px;
	}
	
	.body .live-banner .column{
		width: 100%;
	}

    .body .results li .data{
        width: 100%;
    }

    .body .results li .data .left-item{
    	font-size: 12px;
    	width: 15%

    }

    .body .results li .data .display{
    	width: 69%
    }

    .body .results li .data .right-item{
    	font-size: 12px;
    	width: 15%
    }

}