body {
/*	background: #011425; */
background-image: url(images/bg.png); 
	}

body, p {
font-family: arial;
}	

h1 {
color: #000;
font-size: 50px;
}

ul {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
}

ul.dashboard {
    -moz-column-count: 4 !important;
    -moz-column-gap: 20px;
    -webkit-column-count: 4 !important;
    -webkit-column-gap: 20px;
    column-count: 4 !important;
    column-gap: 20px;
}

li {
	list-style-type: none;
}

.name, .donate, .total, .grandTotal, .video, .mytotal {
font-weight: bold;
color: #000;
text-align: center;
font-size:  30px;
paddng-top:  20px;
}

.donate a {
	color: #FFF;
}

.total {
font-size: 30px;
text-align: center;
margin-left: auto;
margin-right: auto;
background: #FFF;
width:  300px;
border: 1px solid black;
padding:  20px;
}

li.donate {
background:  #000;
padding:  10px;
}

.image {
margin: 5px auto 10px auto;
width: 200px;
}

.image img{
margin: 5px auto 10px auto;
border: 1px solid #FFF;
padding: 2px;
width: 200px;
height: 200px;
}

.contestant {
margin-bottom: 40px;
background:  #FFF;
opacity:  0.9;
border: 1px solid black;
}

.logo {
	width: 300px;
	height: 171px;
	margin-left: auto;
	margin-right: auto;
}

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

.contestant {
float: left;
width: 80%;
}

ul {
  -webkit-column-width: 300px;
  -moz-column-width: 300px;
  column-width: 300px;
    }

.image img {
margin: auto;
width: 100% !important;
height: auto !important;
}

}