/* Navbar */

        header {
            padding: 0px 0 -10px 0;
            margin: 0px 0 0 0;
            background: #1d1d1d;
            box-shadow: 0 4px 6px rgba(0,0,0,.2);  
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
          }
          
          .container {
            padding: 10px;
            top: 0; 
          }
          
          .logo-box {
            opacity: 100%;
            float: left;
            margin-right: 20px;
            transition: .2s;
          }
          
          .logo-box a {
            outline: none;
            display: block;
          }
          
          .logo-box img {
            display: block;
          }
  
          .logo-box:hover {opacity: 50%;}
          
          nav {
            overflow: hidden;
          }
          
          ul {
            list-style: none;
            margin: 0;
            padding: 0;
            text-align: right;
          }
          
          nav li {
            display: inline-block;
            margin-left: 25px;
            height: 50px;
            line-height: 50px;
            transition: .2s;
          }
          nav a {
            text-decoration: none;
            font-family: 'Poppins';
            font-weight: normal;
            font-size: 20px;
            display: block;
            position: relative;
            color: #E1F4F3;
            text-transform: uppercase;
            letter-spacing: normal;
            transition: .2s;
          }
          nav a:hover {font-weight: 1000;}
          
          @media screen and (max-width: 660px) {
            header {text-align: left; padding: 0px 0 10px 0;}
            .logo-box {
              display: inline-block;
              margin: 0 0 0px 0;
            }
          }
          @media screen and (max-width: 660px) {
            nav {overflow: hidden;}
            nav li {
              display: none;
            }
            nav a {
                font-size: 15px;
            }
          }