body {background-color: #000000; color: #FFFFFF; padding: 2%;} 

body{
max-width: 480px;
margin: 0 auto !important;
float: none !important;
}

 div.c {text-align: center}
 div.l {text-align: left}
 span.ws {color: #FFFFFF;font-family:Arial;font-size:80%}
 span.wm {color:#FFFFFF;font-family:Arial;font-size:100%}
 span.wl {color: #FFFFFF;font-family:Arial; font-size:125%}
 span.wbm {color:#FFFFFF;font-weight:bold;font-family:Arial;font-size:100%} 
 span.rbm {color:#FF0000;font-weight:bold;font-family:Arial;font-size:100%}
 span.wbl {color: #FFFFFF;font-weight:bold;font-family: Arial; font-size: 125%}
 span.rbl {color: #FF0000;font-weight:bold;font-family: Arial; font-size: 125%}
 span.wbxl {color: #FFFFFF;font-weight:bold;font-family: Arial; font-size: 150%}
 span.rbxl {color: #FF0000;font-weight:bold;font-family: Arial; font-size: 150%}

input.button {
  color: #FFFFFF; background: #000000;
  font-size:150%;
  font-weight:bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
border-radius: 25%;
  border: solid 4px #FFFFFF;
}


.orange-link, .orange-link:visited, .orange-link:hover, .orange-link:active {color: #F7931A;}

.purple-link, .purple-link:visited, .purple-link:hover, .purple-link:active {color: #6C1CD3;}



img { max-width: 100%; height: auto; }

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