* {
  font-family: georgia, times-new-roman, serif;
  text-align: center;}
body {
  background-image: url("/stars.png");
  background-repeat: repeat;
  font-size: 18px;
  color: rgb(255,255,000);}

#nav, #feature, .article, #footer {
  background-color: Black;
  margin-top: 20px;
  padding: 10px 10px 10px 10px;}
#feature, .article {
  height: 1900px;
  float: left;}
a {
  font-weight: normal;
  color: rgb(255,255,000);}  
  
.column1 {
  background-color: rgb(70,00,00);
  border-style: double;
  border-width: thin;
  border-color: #c0c0c0;
  margin-left: 30px;
}
A.column1 {color:black;
  border-style: hidden;}
A.column1:link  {text-decoration: none; color: rgb(220,220,220);}
A.column1:visited {text-decoration: none; color: rgb(220,220,220);}
A.column1:hover {text-decoration: underline; color: rgb(220,220,220);}
A.column1:active {text-decoration: none; color: rgb(220,220,220);}

.column2 {
  background-color: rgb(70,00,00);
  border-style: double;
  border-width: thin;
  border-color: #c0c0c0;}
A.column2 {color:rgb(00,00,00);
  border-style: hidden;}
A.column2:link  {text-decoration: none; color: rgb(220,220,220);}
A.column2:visited {text-decoration: none; color: rgb(220,220,220);}
A.column2:hover {text-decoration: underline; color: rgb(220,220,220);}
A.column2:active {text-decoration: none; color: rgb(220,220,220);}

.column3 {
  background-color: rgb(70,00,00);
  border-style: double;
  border-width: thin;
  border-color: #c0c0c0;
}
A.column3 {color: black;
  border-style: hidden;}
A.column3:link  {text-decoration: none; color: rgb(220,220,220);}
A.column3:visited {text-decoration: none; color: rgb(220,220,220);}
A.column3:hover {text-decoration: underline; color: rgb(220,220,220);}
A.column3:active {text-decoration: none; color: rgb(220,220,220);}

@media only screen and (max-width: 599px) {
  /* For mobile phones: */
  [class*="column"] {
  width: 80%;
  margin-left: 30px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 999px) {
  /* For tablets: */
  [class*="column"] {
  width: 42%;}
  [class*="column1"] {
  margin-left: 30px;}
  [class*="column3"] {
  margin-left: 30px;}
  [class*="column5"] {
  margin-left: 30px;}
  [class*="column7"] {
  margin-left: 30px;}
}

@media only screen and (min-width: 1000px) {
  /* desktop: */
  [class*="column"] {
  width: 30%;}
}

li {
  display: inline;
  padding: 5px;}