*{
  margin:0px;
  padding:0px
}
body {
  background-color: black;
  color: white;
  text-align: center;
}
ul {
  list-style:none;
  width:100%
}
li {
  padding:4px;
  margin-bottom:5px;
  margin-top:5px;
  background-color:#ffffcc;
  text-align:center;
  color:#000;
  width:
}
#main
{
	padding:10px 10px 10px 10px;
}
.content {
  padding:300px 10px 10px 10px;
  font-family:arial;
  font-family:courier new;
  font-size: 40pt;
}
#footer
{
	padding:10px 10px 10px 10px;
  font-family:arial;
  text-align: right;
}

@media only screen and (min-width: 480px)
{
ul {
  float:left;
}
li {
  float:left;
  width:16%;
  padding:4px;
  margin-right:8px
}
#main
{
	padding:10px 20px 10px 20px;
}
}

@media only screen and (min-width: 768px)
{
ul {
  float:right
}
li {
  float:left;
  width:18%;
  padding:4px;
  margin-right:8px
}
#main
{
	padding:20px 30px 20px 30px;
}
}