.container {
  display: flex;
  /* Use flexbox for layout */
  justify-content: space-between;
  /* Space out sidebar and content */
  margin: 20px auto;
  max-width: 1200px;
}

.sidebar {
  width: 350px;
  /* Set a fixed width for the sidebar */
  padding: 20px;
  background-color: #f4f4f4;
  /* Optional: Add styling for links and headers */
}

.content {
  /* flex-grow: 1;*/
  width: 1250px;
  /* Allow content to take up the remaining space */
  padding: 20px;
}

/* Add media queries for mobile responsiveness, e.g. stacking vertically on small screens */
@media (max-width: 768px) {
  .container {
    flex-direction: column;
  }

  .sidebar {
    width: 100%;
    margin-bottom: 20px;
  }
}

.site-footer {
  padding: 20px;
  font-size: 13px;
}

.center-img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}