@media screen and (max-width: 652px){
    nav .toggle{
      display: block;
    }

    navbar{
      position: relative;
    }

    nav ul{
      position: absolute;
      top: 50px;
      z-index: -1;
      margin-top: -15px;
      right: 0;
      width: 200px;
      background-color: #379237;
      display: inline-block;

      margin-top: 0;
      display: none;
      z-index: 3;
      /* border-top: 1px solid #0008C1; */
    }

    nav ul.show{
       /* top: 50px; */
      display: block;
    }

    nav ul li{
      /* top: 0; */
      width: 100%;
      text-align: center;
      border-top: 1px solid #0008C1;
    }
  }

  @media screen and (max-width: 500px){
    nav ul{
      width: 100%;
    }
  }