* {
  font-family: georgia, times-new-roman, serif;
  text-align: center;}
  
body {
  background-image: url("/fire.jpg");
  background-repeat: repeat;
  color: rgb(255,255,200);}
#nav, #feature, .article, #footer {
  background-color: Black;
  margin-top: 20px;
  padding: 10px 10px 10px 10px;}
#feature, .article {
  height: 3700px;
  width: 22%;
  float: left;}

a {
  font-weight: normal;
  color: rgb(255,255,200);}

.column1 {
  background-color: rgb(255,225,70);
  border-style: double;
  border-width: thin;
  border-color: #c0c0c0;
    margin-left: 30px;}
A.column1 {color: rgb(00,00,00);
  border-style: hidden;}
A.column1:link {text-decoration: none; color: rgb(00,00,00);}
A.column1:visited {text-decoration: none; color: rgb(00,00,00);}
A.column1:hover {text-decoration: underline; color: rgb(00,00,00);}
A.column1:active {text-decoration: none; color: rgb(00,00,00);}

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

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

.column4 {
  background-color: rgb(255,100,0);
  border-style: double;
  border-width: thin;
  border-color: #c0c0c0;}
A.column4 {color: black;
  border-style: hidden;}
A.column4:link {text-decoration: none; color: black;}
A.column4:visited {text-decoration: none; color: black;}
A.column4:hover {text-decoration: underline; color: black;}
A.column4:active {text-decoration: none; color: black;}

@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;
}

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

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