.site-footer {
background: #111;
color: #fff;
padding: 50px 20px 20px;
font-size: 15px;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 30px;
}
.site-footer h3,
.site-footer h4 {
color: #fff;
margin-bottom: 15px;
}
.site-footer p,
.site-footer li,
.site-footer a {
color: #ccc;
text-decoration: none;
line-height: 1.8;
}
.site-footer a:hover {
color: #fff;
}
.site-footer ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-bottom {
border-top: 1px solid #333;
margin-top: 30px;
padding-top: 20px;
text-align: center;
color: #888;
}
