// #toggle-nav {
//     display: none;
  
//     &:checked {
//       ~ .hamburger {
//         height: 28px;
    
//         .hamburger_line {
//           background-color: #0d2446;
          
//           &:nth-of-type(1) {
//             margin-top: 6px;
//             transform: rotate(135deg);
//           }
//           &:nth-of-type(2) {
//             opacity: 0;
//           }
//           &:nth-of-type(3) {
//             margin-top: -12px;
//             transform: rotate(-135deg);
//           }
//         }
//       }
  
//       ~ .menu {
//         opacity: 1;
//         visibility: visible;
//       }
//     }
//   }
  
//   .hamburger {
//     cursor: pointer;
//     position: fixed;
//     z-index: 1020;
//     top: 60px;
//     right: 6%;
//     width: 32px;
//     height: 14px;
//     margin: 0;
//     padding: 0;
  
//     .hamburger_line {
//       position: relative;
//       width: 100%;
//       height: 2px;
//       background-color: #0d2446;
//       transition: background-color .5s, transform .5s;
  
//       &:nth-of-type(2) {
//         margin: 8px 0;
//       }
//     }
//   }
  
//   .menu {
//     position: fixed;
//     display: flex;
//     flex-direction: column;
//     justify-content: center;
//     align-items: center;
//     z-index: 1010;
//     top: 0;
//     left: 0;
//     width: 100vw;
//     height: 100vh;
//     margin: 0;
//     padding: 0;
//     background-color: #ffffff;
//     opacity: 0;
//     visibility: hidden;
//     transition: all .5s ease-out;
//     will-change: opacity, visibility;
//     font-weight: bold;
    
//     ul {
//       margin: 0;
//       padding: 0;
//       list-style-type: none;
      
//       li {
//         margin-bottom: 30px;
//         font-size: 24px;
//         text-align: left;
        
//         a, a:hover {
//           color: #0d2446;
//           text-decoration: none;
//         }
//       }
//     }
//   }