@media(max-width: 768px) {
     .burger {
         width: 47px;
         height: 47px;
         position: fixed;
         top: 25px;
         left: 25px;
         background-image: url(../img/hamburger.png)
     }
 }


 .mobile-menu {
     display: flex;
     flex-direction: column;
     text-align: center;
     width: 0;
     height: 0;
     position: fixed;
     top: 73px;
     width: 100%;
     left: 0;
     background-color: white;
     overflow: hidden;
     transition: 0.3s;
     padding: 0;

 }

 .mobile-menu a {
     color: #3F3F3F;
     text-decoration: none;
     padding: 5px 0;
     font-size: 16px;
     padding: 7px 0;
 }

 .mobile-menu.active {
     height: 140px;
     padding: 20px 0;
 }