body {
  background-image: url("/images/starry-background-1000.png");
  background-color: black;
  color: white;
  font-size: 14pt;
  font-family: "Agency FB", sans-serif;
  text-align: center;
}

a:visited, a:link, a:active {
  text-decoration: underline;
  color: white;
  background-color: black;
  outline: 0;
}

a:hover {
  text-decoration: underline;
  color: #dce062;
  background-color: black;
}

a:visited img, a:link img, a:active img {
  border: 3px solid white;
}

a:hover img {
  border: 3px solid #dce062;
}

.gallery {
  clear: both;
}

.gallery_item {
  float: left;
  margin-top: 30px;
  width: 360px;
  text-align: center;
}

.gallery_link {
  border: none;
}

.gallery_square {
  width: 90%;
}

.gallery_banner {
    color: #dce062;
    font-size: 200%;
}

.gallery_caption {
    margin-top: 10px;
    height: 6ex;
}

.logo {
  width: 1000px;
}

.navbar {
    font-size: 150%;
}

@media only screen and (max-width: 299px) {
    /* One item per line. */
    .gallery_item {
        width: 100%;
    }
    .logo {
        width: 100%;
    }
}

@media only screen and (min-width: 300px ) and (max-width: 599px) {
    /* Two items per line. */
    .gallery_item {
        width: 50%;
    }
    .logo {
        width: 100%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    /* Three items per line. */
    .gallery_item {
        width: 33.33%;
    }
    .logo {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* Four items per line. */
    .gallery_item {
        width: 25%;
    }
    .logo {
        width: 100%;
    }
} 

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* Five items per line. */
    .gallery_item {
        width: 20%; 
    }
    .logo {
        width: 980px;
    }
} 

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
    /* Six items per line. */
    .gallery_item {
        width: 16.66%;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1799px) {
    /* Seven items per line. */
    .gallery_item {
        width: 14.28%;
    }
}

@media only screen and (min-width: 1800px) {
    /* Eight items per line. */
    .gallery_item {
        width: 12.5%;
    }
}