body {
  
  background-image: url(bluesky-3.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-color:#000000;
  font-family: 'Open Sans', sans-serif;
   
   
}

.moonshot {

 padding-top: 15.0em;
 
 }
 
 .moonshot-headline {

  font-size:5.1em;
  font-weight:300;
  padding-bottom: 0.9em;
 
 }
 
  .photo-credit {

   position : fixed;
  bottom: 0;
  
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: center;
  font-size: 0.9em;
 
 }
 
 .center {
 text-align: center;
 }
 
 
 .lead {

  
  padding-top:0.7em;
  font-size: 2.4em;
 
 }


/* For mobile devices */
@media only screen and (max-width: 359px) {
	
  .moonshot {
    padding-top: 5.5em;
  }
  
   .moonshot-headline {

  font-size:3.0em;
  font-weight:300;
  padding-bottom: 0.6em;
 
 }
 
  .lead {

  
  padding-top:0.40em;
  font-size: 1.4em;
 
 }
 
  .photo-credit {

  position : fixed;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-bottom:0.1em;
  font-size: 0.7em;
  
 
 }
	}
	
@media (min-width: 360px) and (max-width: 767px) { 

  .moonshot {
    padding-top: 8.5em;
  }
  
   .moonshot-headline {

  font-size:3.0em;
  font-weight:300;
  padding-bottom: 0.6em;
 
 }
 
  .lead {

  
  padding-top:0.40em;
  font-size: 1.4em;
 
 }
 
  .photo-credit {

  position : fixed;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-bottom:0.1em;
  font-size: 0.7em;
  
 
 }



 }
 
 @media (min-width: 768px) and (max-width: 980px) { 

  .moonshot {
    padding-top: 12.5em;
  }
  
   .moonshot-headline {

  font-size:4.0em;
  font-weight:300;
  padding-bottom: 1.6em;
 
 }
 
  .lead {

  
  padding-top:0.40em;
  font-size: 2.0em;
 
 }
 
  .photo-credit {

  position : fixed;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-bottom:0.1em;
  font-size: 0.9em;
  
 
 }



 }