/* Add here all your CSS customizations */

div.logo-fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

.logo-fill img {
    flex-shrink: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

@media (max-width: 768px) { /* md */
    div.logo-fill img {
        max-width: 76px;
        max-height: 76px;
    }
}

.flag-icon {
    /* Szabja testre ezt a két értéket a gomb méretéhez igazítva: */
    width: 20px;
    height: 14px; /* Egy tipikus zászló arányhoz (3:2 vagy 4:3) */

    /* Fontos, hogy a gomb keretén belül ne legyen felesleges tér */
    margin: 0;

    /* Megakadályozza, hogy a kép esetleg túlszaladjon a gomb magasságán */
    max-height: 100%;
}

/* Ha a 'small btn' osztályt használná, használja helyette a BS4 beépített btn-sm-et */
.btn-tertiary {
    /* Ezt csak abban az esetben kell hozzáadnia, ha a 'small btn' egyedi osztály */
    font-size: 0.875rem; /* Kisebb betűméret */
    padding: .25rem .5rem; /* Kisebb belső margó */
}