* {
  font-family: georgia, times-new-roman, serif;
  text-align: center;}
body {
  background-image: url("https://www.gatewaysofhislight.com/stars.png");
  background-repeat: repeat;
  color: Yellow;}
#nav, #feature, .article, #footer {
  background-color: Black;
  margin-top: 20px;
  padding: 10px 10px 10px 10px;}
#feature, .article {
  height: 1600px;
  width: 22%;
  float: left;}
#feature, .menumenu {
  height: 40px;
  width: 20%;
  font-size: 20px;
  padding: 10px 10px 10px 10px;
  float: left;
}

a.name {
    color: rgb(255,255,00);
    font-family: Georgia, Times-new-roman, serif;
    text-align: center;
    font-size: 20px;
}

h1, h2, h4, h5 {
  font-family: Georgia, Times-new-roman, serif;
  text-align: center;
  color: rgb(255,255,0);}

h3 {
  font-family: Georgia, Times-new-roman, serif;
  text-align: center;
  color: rgb(150,150,150);}
  
h6 {
  text-align: center;
  font-family: Georgia, Times-new-roman, serif;
  font-size: 18px;}

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

.column2 {
  background-color: rgb(00,00,100);
  border-style: double;
  border-width: thin;
  border-color: #c0c0c0;}
A.column2 {color:rgb(200,200,200);
  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(255,255,70);
  border-style: double;
  border-width: thin;
  border-color: #c0c0c0;}
A.column3 {color: black;
  border-style: hidden;}
A.column3:link  {text-decoration: none; color: black;}
A.column3:visited {text-decoration: none; color: black;}
A.column3:hover {text-decoration: underline; color: black;}
A.column3:active {text-decoration: none; color: black;}


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

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

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

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

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

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


@media only screen and (max-width: 599px) {
  /* For mobile phones: */
  [class*="column"] {
  width: 80%;
  margin-left: 30px;}
  [class*="fourchoice"] {
  width: 80%;
  height: 50px;
  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*="fourchoice"] {
  width: 86.5%;
  margin-left: 30px;
  }
}

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

li {
  display: inline;
  padding: 5px;}
  
a {
  font-weight: normal;}