body{
    background-color:black;
    color: white;
    font-family:'Saira Condensed', Helvetica, sans-serif;
}
.nasaNav{
    background-image: url(/starfield-banner.jpg);
    font-family: 'Saira Condensed', sans-serif;
    height:100px;
}
.nasaNav a{
    font-size: 30px;
    color:white;
}
.navlink{
    margin:10;
    padding:5;
}
.navlink:hover {
    background-color: #15418c;
    text-decoration: none;
}
.nasaNav img{
    height:100px;
}

.pBoxes{
    border: 5px solid black;
}
div.gallery {
    border: 1px solid #ccc;
    height: 500px;
  }
  
  div.gallery:hover {
    border: 1px solid #777;
  }
  
  div.gallery img {
    width: 100%;
    height: auto;
  }
  
  div.desc {
    padding: 15px;
    text-align: center;
  }
  
  * {
    box-sizing: border-box;
  }
  
  .responsive {
    padding: 0 6px;
    float: left;
    width: 24.99999%;
    
    margin-bottom:5px;
  }
  
  @media only screen and (max-width: 700px) {
    .responsive {
      width: 49.99999%;
      margin: 6px 0;
    }
  }
  
  @media only screen and (max-width: 500px) {
    .responsive {
      width: 100%;
    }
  }
  
  .clearfix:after {
    content: "";
    display: table;
    clear: both;
    height: 20px;
  }
  .tagz-title{
      background-color:#5d7fb9;
      color:white;
      font-size: 20px;
      font-weight: bold;
    opacity: 0.85;
    padding: 10px;
  }
  .tagz-desc{
    width:100%;
    background-color: white;
    opacity: 0.85;
    color: black;
    font-weight: bold;
    font-size: 30px;
    font-size: medium;
    padding:10px;
    }
    .tagz-desc a{
        color:black;
        text-decoration: none;
    }
    .tagz-title:hover{
        opacity:1;
    }
    .tagz-desc:hover{
        opacity:1;
    }
    .descriptors{
        position: absolute;
        bottom: 0;
        width:100%;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }