.dark {
      background-color: #333;
      width: 100%;
      height: 500px;
}

h1 {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
   text-align: center;
}

h2 {
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
   text-align: center;
}

h3{
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
   text-align: center;
}

h4{
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
   font-weight: 300;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: black;
}



li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: #111;
}

.content {
      max-width:800px;
      text-align:left; 
      margin:auto; 
      }
      .simple-ss {
      width: 1200px;
      height:450px;
      background-color: #eeeeee;
      margin:auto;
      background-image:url("marsMission.png");
      animation-name: slide;
      animation-duration: 10s;
      animation-direction: normal;
      animation-timing-function: ease;
      animation-iteration-count: infinite;
      }

      
      @keyframes slide {
      0% {background-position:0 0;}
      16.66% {background-position:0 0;}
      33.32% {background-position:-1200px 0;}
      49.98% {background-position: 1200px 0;}
      66.64% {background-position: 1200px 0;}
      83.30% {background-position:-1200px 0;}
      100% {background-position:0 0;}
      }

      .siteFooterBar {
	padding-bottom: 0px;
	padding-top: 10px;
	width: 100%;
	box-shadow: 0px 0px 25px rgb(207, 207, 207);
	height: 70px;
	color: #9B9B9B;
	background: white;
}

.content2 img {
	padding-top: 0px;
  height: 70px;
  padding-bottom: 1px;
}

a{
    text-decoration: none;
    color: black;
}

.item{
    width: 22%;
    display: inline-block;
    box-shadow: 2px 2px 10px black; 
    margin: auto 1em;
    text-align: center;
    vertical-align: top;
    margin-bottom: 15px;
    margin-top: 15px;
}

.item img{
    width: 100%;
    height: 280px
}

.item:hover{
    box-shadow: 5px 5px 10px rgb(110, 110, 255);
}

.item h3{
    padding: 10px;
}

html{
  background-color: black;
  color: white;
}

h2{
  text-align: center;
  color: gray;
}

p{
  text-align: center;
}

img{
  width: 50%;
margin-left: auto;
margin-right: auto;
display: block;
}

.content2 {
	display: block;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font: 25px Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
}