/* Třídy min-vh-100 a d-flex a flex-column jsou vloženy přímo do v HTML, ale tento kód zajistí, že bootstrap třídy fungují správně. */ /* Pokud byste chtěli vlastní pozadí za containerem, stačí ho přidat sem: */ /* body { background-color: #e9ecef; } */ /* Tato třída je klíčová pro umístění patičky pomocí Bootstrap třídy mt-auto */ .min-vh-100 { min-height: 100vh; } .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } /* --- Výchozí styly (MOBIL - méně než 768px) --- */ /* Zobrazí se text, pozadí je černé */ .header-image-desktop { display: none; /* Skrýt obrázek */ } .header-title-mobile { display: block; /* Zobrazit titulek */ color: white; background-color: black; margin-top: 20px; } /* ------------------------------------------------------------------ */ /* --- Media Query --- */ @media (min-width: 1200px) { /* 1. PC: Změna viditelnosti (z předchozího kroku) */ .header-title-mobile { padding-bottom: 20px; padding-top: 20px; } } @media (max-width: 1200px) { header { /* Přepíše třídu 'bg-black' na elementu

*/ background-color: black !important; } iframe { width: 400px; } }