html{
   overflow-y: scroll;
   background-color: var(--black);
   font-family: 'Malgun Gothic', sans-serif;
}

  nav{
     width: 90%;   
     height: 40%;
  }


gallery_wrapper{
   width: 90%;
   height: 100vh;
   position: relative;
   top: 250px;
   align-items: center;
   justify-content: center;
}

.gallery {
  margin: 5px;
  border: 0;
  width: 90%;
  display: inline-block;
}

.gallery img {
  width: 100%;
  height: 100%;
}

a.cssbox_close {
    top: 10%;
    right: 10%;
}

a.cssbox_next {
    right: 15%;
}

footer{
   height: 32vh;
   background-image:linear-gradient(rgba(12,12,12,0), rgba(12,12,12,0));
}

footer .copyright{
   top: 120%;
}

/* Responsiveness - for non-phone/non-small screen displays */
@media (min-width: 600px) {
 
  nav{  
     height: 30%;
     width: 100%;
  }

  .subnav{
     height: 25%;
  }

  gallery_wrapper{
     left: 130px;
     top: 150px;
  }
  
  .gallery {
    width: 27%;
  }
}