.cumulus-footer {
  width: 100%;
  padding: 8px 18px;
  background: #0a0a0a; 
  color: #e5e5e5;
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #1f1f1f;
  letter-spacing: 0.25px;
  opacity: 0.95;
  position: relative;
    bottom: 0px;
}

.cumulus-footer .footer-links a {
  color: #e5e5e5;
  text-decoration: none;
  margin-left: 18px;
  opacity: 0.65;
  transition: opacity 0.2s ease, text-decoration 0.2s ease;
}

.cumulus-footer .footer-links a:hover {
  opacity: 1;
  text-decoration: underline dotted #666;
}

@media (max-width: 700px) {
  .cumulus-footer {
    flex-direction: column;
    gap: 5px;
    text-align: center;
    padding: 10px 12px;
  }

  .cumulus-footer .footer-links a {
    margin-left: 10px;
  }
}