* {margin: 0; padding: 0; box-sizing: border-box;}
    /* Footer */
footer {
margin: 0;
background: black;
color: #fff;
padding: 40px 40px 40px 40px;
}
    
.footer-container {
display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
gap: 24px;
margin-bottom: 20px;
}
    
.footer-section h3 {
margin-bottom: 12px; 
font-size: 18px;
color: brown;
}

.footer-section > p {
  color: grey;
}

.footer-section ul {
list-style: none;
}

.footer-section li {
margin: 6px 0;
}

.footer-section a {
  color: grey;
transition: color .3s;
}

.footer-section a:hover {
  color: #ffcc00;
}

.footer-bottom {
text-align: center; 
font-size: 14px; 
color: rgb(199, 192, 94); 
border-top: 1px solid #2c4878; 
padding-top: 12px;
}