footer {
  padding-top: 64px !important;
  padding-bottom: 24px !important;
  color: #fff !important;
	text-align: center;
  background-image: linear-gradient(to right, #45b9c4, #1d4458) !important;
}

footer p {
  font-size: 15px;
  line-height: 1.5;}
.branding {font-size: 13px; }
.w3-text-green, .w3-hover-text-green:hover {
  color: #FFA500 !important;
}

#footer-logo-group {
  display: flex;
  flex-direction: row; /* default desktop: horizontal row */
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap; /* allow wrapping on mobile */
  gap: 35px; /* space between logos */
}

.footer-side-logo {
  width: 100px; /* smaller than center */
  flex-shrink: 0;
/*  order: 1;  side logos after */
}

.footer-side-logo img {
  max-width: 100%;
  height: auto;
}

#bottomLogo {
  background-color: #fff;
  width: 150px;
  margin: -30px 0 20px 0;
  padding: 14px 10px 5px 10px;
  text-align: center;
  flex-shrink: 0;
/*  order: 0;  center logo comes first */
}

/* Mobile stacking */
@media (max-width: 600px) {
  
  #footer-logo-group {
    flex-direction: column; /* stack vertically */
	gap: 15px; /* space between logos */
	margin-bottom: 30px;
  }
	/* Move center logo to top */
  #bottomLogo {
    order: -1;
  }

  .footer-side-logo {
    width: 140px; /* optional: slightly larger when stacked */
	order: 0; /* default order for side logos */
  }
  footer p {
  font-size: 13px;
  line-height: 17px;}
}



/*
#footer-logo-group {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
}
#footer-side-logo {
	flex-shrink: 3;
	width: 100px;
}
/*
.footer-side-logo img {
	max-width: 100px;
	height: auto;
} 
#bottomLogo {
  background-color: #fff;
  width: 150px;
  margin: -30px auto 20px auto;
  padding: 14px 10px 5px 10px;
  text-align: center;
  flex-shrink: 3; /* default 1 
}*/