/*
 * locd.theme — custom overrides on top of Barceloneta.
 * Add your site-specific CSS here.
 */

/* Logo sizing — adjust to match your actual logo dimensions */
#portal-logo img {
  max-height: 60px;
  width: auto;
}

/* Responsive logo */
#portal-logo img {
  max-width: 180px;  /* cap the width on desktop */
  height: auto;      /* keep aspect ratio */
  width: 100%;       /* shrink fluidly on small screens */
}

@media (max-width: 768px) {
  #portal-logo img {
    max-width: 120px; /* smaller cap on tablets/phones */
  }
}

@media (max-width: 480px) {
  #portal-logo img {
    max-width: 80px;  /* even smaller on very small screens */
  }
}