@media screen and (max-width: 800px) {

/* 1. Tło nagłówka - cieniowanie (gradient) */
.header {
    width: 100% !important;
    height: auto !important;
    background: linear-gradient(to bottom, #2b3990 0%, #29abe2 100%) !important;
    padding: 10px 0 !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    border: none !important;
}

/* 2. Pasek z 10 flagami - ułożone w rzędzie */
.languages {
    width: 100% !important;
    margin-bottom: 10px !important;
}

.languages ul {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: nowrap !important; /* Wszystkie w jednej linii */
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.languages ul li {
    margin: 0 2px !important; /* Małe odstępy między flagami */
}

.languages ul li img {
    width: 30px !important; /* Szerokość flagi dopasowana do 10 sztuk */
    height: auto !important;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5) !important;
}

/* 3. Logo Vertex i napisy */
figure.logo {
    width: 220px !important;
    margin: 0 auto !important;
    display: block !important;
    position: static !important;
}

figure.logo img {
    width: 100% !important;
    height: auto !important;
}

/* 4. Koperta (Link do formularza) - po prawej stronie */
/* Usuwamy ikonę mapy, zostawiamy tylko kopertę */
.map-link, .icon-map { 
    display: none !important; 
}

.contact-link, .icon-envelope, a[href*="contact"] {
    display: block !important;
    position: absolute !important;
    right: 15px !important;
    bottom: 25px !important;
    width: 35px !important;
    height: 35px !important;
    background: url('https://cdn-icons-png.flaticon.com/512/561/561127.png') no-repeat center !important;
    background-size: contain !important;
    text-indent: -9999px !important; /* Ukrywa tekst, zostawia ikonę */
}

}