@media (max-width: 500px) {
  .nav-bg {
    height: 10vh;
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #123524;
    z-index: 97;
  }

  .color-banner {
      display: none;
      height: 0;
    }

    body {
      background-color: #123524;
      overflow-y: hidden;
      overflow-x: hidden;
    }

    /* NAVIGATION */

    nav .opener #white-hamburger {
      display: block;
    }

    nav .opener #green-hamburger {
        display: none;
    }

    nav .logo {
      left: 5%;
      top: 3%;
    }
    
    nav .opener {
      right: 6%;
      top: 3.75%;
    }
  
    .sidenav .closebtn {
      right: 6.8%;
      top: 3.2%;
    }


    /* CONTENT LIST */

    .folder .project-slide {
      padding-top: 15vh;
    }

    .folder .content-container {
        width: 92%;
        left: 4%;
        padding-right: 0;
    }

    .folder .content-container h3 {
      font-size: 1.4em;
      text-align: center;
    }

    .folder .content-container i {
      font-size: 0.7em;
    }

    .folder .content-container ul {
      padding: 0;
    }

    .folder .content-container li {
      /*box-shadow: 0 0 20px rgba(11, 33, 23, 0.4);*/
      margin: 5% 0 5% 0;
      padding: 7% 5%;
      background-color: #194e34;
    }

    /* RIGHT SIDE */

    .arrow-up {
      display: block;
    }

    .folder .right-side {
      padding: 10%;
    }
    
    .folder .project-slide {
      width: 80%;
    }

    .folder .project-imgs img {
      width: 80vw;
    }

    .folder .additional-imgs img {
      width: 80vw;
    }

    .folder .additional-imgs-double img {
      width: 80vw;
    }
}