body, p, label, li, span, div, input, select, textarea {
      font-size: 15px !important;
  }

@media (max-width: 767px) {
    /* Kontejner s možnostmi se roztáhne přes celý displej */
    .controls > div > div {
        width: 100% !important;
        justify-content: space-between !important;
    }

    /* Každá jednotlivá možnost zabere přesně stejný díl (např. 1/5) */
    .controls > div > div > * {
        flex: 1 !important; 
        display: flex !important;
        justify-content: center !important;
    }
}

#fmr-page > div > div > div > header > img {
    max-width: 375px !important; /* Zde uprav velikost (můžeš dát např. 70% nebo třeba 300px) */
    height: auto !important;   /* Zaručí, že se obrázek nedeformuje a zachová si poměr stran */
    display: block !important; /* Nutné pro správné zarovnání */
    margin: 0 auto !important; /* Vycentruje banner doprostřed stránky */
}

/* OPRAVA: Výjimka pro sekci Demografie - vrácení klasického vzhledu pod sebe */
  .study-name-Demografie .controls > div > div {
      display: block !important; /* Zruší flexbox, který to chybně centroval */
      width: 100% !important;
  }

  /* Zarovnání celého řádku (kolečko + text) doleva */
  .study-name-Demografie .controls > div > div > label {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-start !important; /* Natlačí to k levému okraji */
      text-align: left !important;
      margin-bottom: 12px !important; /* Mezera mezi řádky */
      padding-left: 0 !important;
      width: 100% !important;
  }

  /* Usazení kolečka pevně vedle textu (zabrání překrývání písmen) */
  .study-name-Demografie .controls > div > div > label > input[type="radio"],
  .study-name-Demografie .controls > div > div > label > input[type="checkbox"] {
      position: relative !important;
      margin-left: 0 !important;
      margin-right: 10px !important; /* Mezera mezi kolečkem a textem */
      margin-top: 0 !important;
  }