/* --- 1. IMPOSTAZIONI DI BASE (Desktop e Tablet) --- */
div.logobar {
  background-image: url('https://2026.acsos.org/getImage/orig/acsos-flyer.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 100%;
  padding: 0;

  /* Proporzioni dell'immagine Desktop (Modifica con i pixel reali del flyer orizzontale) */
  aspect-ratio: 1918 / 476;
}

/* Nasconde elementi interni */
.logobar .container { border-bottom: none; }
.logobar h1, .logobar h2, .logobar h3, .logobar p, .logobar a, .place, .place2 {
  display: none !important;
}


/* --- 2. IMPOSTAZIONI SMARTPHONE (Sotto i 768px) --- */
@media (max-width: 767px) {
  div.logobar {
    /* Inserisci qui il link dell'immagine pensata per i cellulari */
    background-image: url('https://2026.acsos.org/getImage/orig/acsos-flyer-small.png');

    /* Modifica l'aspect-ratio con le proporzioni dell'immagine mobile.
     *          Esempio: 1080 / 1080 per un'immagine quadrata, o 1080 / 1350 per una verticale */
    aspect-ratio: 710 / 471;

    /* Assicura che l'immagine mobile si adatti perfettamente senza bordi vuoti */
    background-size: 100% 100%;
  }
}


/* --- RESTO DEL TUO CSS --- */
.navbar {
  border-top: none !important;
  border-radius: 0px !important;
}

.navbar-brand {
  font-size: 36px;
  background: url(https://conf.researchr.org/getImage/acsos-2026/orig/greycsos.png) no-repeat;
  background-size: contain;
  height: 60px;
  padding-left: 75px;
  padding-top: 20px;
}

body {
  font-size: 18px;
}

@media (min-width: 1440px) {
  .carousel-inner .item { height: 480px !important; }
}

@media (min-width: 768px) {
  #committee .col-sm-6 {
  width: 50%;
  }
}