body {
  background-color: #000000;
}

.masthead {
  height: 100vh;
  min-height: 500px;
  }

.mastheadImg {
	height: 100vh;
	min-height: 500px;
  background-image: url("../images/nebula.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;

}


.serif {
  font-family: "Times New Roman", Times, serif;
}
video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  z-index: -1;
  object-position: center;
  object-fit: cover;
}

.fade {

  opacity: 1;

}
.bg-black {
  background-color: #000000;
}
#title {
  font-family: Futura New,sans-serif;
  font-size: 4.5em;
  line-height: 1.08em;
  letter-spacing: 6px;
  font-weight: 100;
}


.gotham {
  font-family: "Gotham", sans-serif, monospace;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  letter-spacing: 2.5px;
}
.bg1 {
    background-image:
    linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)),
    url('../images/marsbg.jpg');
    width: 80%;
    height: 50%;
    background-size: cover;
    color: white;
    padding: 20px;
}
.bg2 {
   background-image:
    linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)),
    url('../images/marsbg3.png');
    width: 100%;
    height: 50%;
    background-size: cover;
    color: white;
    padding: 20px;

}
.bg4 {
   background-image:
    linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)),
    url('../images/curiosity.jpg');
    width: 100%;
    height: 50%;
    background-size: cover;
    color: white;
    padding: 20px;

}
.masthead50 {
  height: 50vh;
  min-height: 250px;
  }
.gotham1 {
  font-family: "Gotham", sans-serif, monospace;
  font-weight: lighter;
  color: #000;
}
.title {
  font-family: Futura New,sans-serif;
  line-height: 1.08em;
  letter-spacing: 6px;
  font-weight: lighter;
}
.bg3 {
   background-image:
    linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)),
    url('../images/bg3.jpg');
    width: 100%;
    height: 50%;
    background-size: cover;
    color: white;
    padding: 20px;
  }
.bg5 {
   background-image:
    linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)),
    url('../images/drone2.jpg');
    width: 100%;
    height: 50%;
    background-size: cover;
    color: white;
    padding: 20px;
  }
.bg6 {
   background-image:
    linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)),
    url('../images/rover.png');
    width: 100%;
    height: 50%;
    background-size: cover;
    color: white;
    padding: 20px;
  }