.logotypy img {
  max-width: 150px;
  margin: auto;
}

.logotypy {
    display: flex;
    align-items: center; /* Kluczowa właściwość: centruje kolumny w pionie */
    flex-wrap: wrap; /* Pozwala kolumnom spadać na niższe wiersze na telefonach (zachowuje responsywność) */
}

/* Opcjonalny dodatek: jeśli logotypy mają być też idealnie wyśrodkowane w poziomie wewnątrz swoich kolumn */
.logotypy .col-sm-3 {
    display: flex;
    justify-content: center;
}

h1.header {
    font-size: 26px; /* Ewentualnie powiększ delikatnie font */
    font-weight: 500;
    padding: 15px 20px;
    background-color: #f8f9fa; /* Jasnoszare tło jak masz teraz */
    border-left: 6px solid #1a5c9a; /* Ten sam niebieski kolor co litery */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); /* Ultra-lekki cień tylko pod belką */
    margin-bottom: 25px;
}