.footer-container {
  display: flex; /* Use flexbox for layout */
  justify-content: space-between; /* Space between elements */
  align-items: center; /* Center items vertically */
  gap: 200px; /* Default gap for large screens */
}

@media (max-width: 768px) {
  .footer-container {
    flex-direction: column; /* Stack elements on small screens */
    gap: 20px; /* Smaller gap between stacked elements */
  }
}

.footer-info {
  min-width: 200px; /* Prevents the block from getting too narrow */
  padding: 10px; /* Adds padding for better readability */
  gap: 10px;
}

.footer-logo {
  height: 80px; /* Adjust logo height */
  width: auto; /* Maintain aspect ratio */
}

footer span {
  font-size: 16px; /* Font size for spans */
  color: #333; /* Dark color for better readability */
}

.legalinfo a {
  color: #7770b0; /* Link color */
  text-decoration: none; /* No underline initially */
  display: block;
}

.legalinfo a:hover {
  text-decoration: underline; /* Underline on hover */
}

.copyright {
  margin-bottom: 10px; /* Space between copyright and legal info */
  margin-top: 20px;
}