footer {

  background-color: #333;

  color: #fff;

  padding: 20px 0;

}



.footer-container {

  display: flex;

  justify-content: space-around;

  flex-wrap: wrap;

  max-width: 1200px;

  margin: 0 auto;

}



.footer-section {

  flex: 0 0 300px;

  margin-bottom: 20px;

  box-sizing: border-box;

}



.footer-section h4 {

  font-size: 18px;

  margin-bottom: 15px;

}



.footer-section ul {

  list-style: none;

  padding: 0;

}



.footer-section li {

  margin-bottom: 10px;

}



.footer-section a {

  color: #fff;

  text-decoration: none;

}



.footer-bottom {

  text-align: center;

  font-size: 14px;

  margin-top: 20px;

}



@media (max-width: 768px) {

  .footer-section {

    flex: 1 1 100%;

    text-align: center;

  }

}