Foot.css

/*Footer*/

.footer-links {

   background: #2f3640;
   color: #616161;
   font-size: 12px;
   padding: 35px 0;

}

.footer-container {

   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 10px;
   align-items: flex-start;
   justify-content: center;

}

.footer-container ul {

   margin: 0 auto;

}

.footer-container ul li {

   line-height: 2.8;

}

.footer {

   background: #2f3640;
   color: #616161;
   font-size: 12px;
   padding: 20px 0;
   text-align: center;
   padding-bottom: 20px;

}

@media(max-width: 700px) {

   .menu-btn {
       display: block;
   }
   .nav-main {
       display: block;
       position: absolute;
       top: 0;
       left: 0;
       background: #2f3640;
       height: 100%;
       padding: 30px;
       opacity: .9;
       transform: translateX(-400px);
       transition: transform .5s ease-in-out;
   }
   .nav-main ul.nav-menu.show {
       transform: translateX(-20px);
   }
   .nav-main ul.nav-menu li {
       padding: 20px;
       border-bottom: #ccc solid 1px;
       font-size: 14px;
   }
   .nuestros-pasteles {
       grid-template-columns: repeat(2, 1fr);
   }
   .quienes-somos {
       width: 80%;
   }
   .contacto {
       width: 80%;
   }
   .footer-links .footer-container {
       grid-template-columns: repeat(2, 1fr);
   }

}