/* style-mobile.css */

/* Media Queries for responsive design */
@media (max-width: 1200px) {
  .style-header {
    font-size: 5rem; /* Zmniejsza rozmiar czcionki nagłówka */
  }
  .header-text {
    padding: 30px 0; /* Wewnętrzny odstęp nagłówka */
  }
}

@media (max-width: 992px) {
  .navbar {
    text-align: center; /* Wyrównanie tekstu na środku */
  }
  .navbar-nav {
    flex-direction: column; /* Kolumnowy układ elementów nawigacji */
  }
  .navbar-brand {
    font-size: 1.5rem; /* Zmniejsza rozmiar czcionki marki */
  }
}

@media (max-width: 768px) {
  .style-header {
    font-size: 3rem; /* Zmniejsza rozmiar czcionki nagłówka */
  }
  .header-text {
    padding: 20px 0; /* Wewnętrzny odstęp nagłówka */
  }
  .biogram-container .col-md-4,
  .biogram-container .col-md-8 {
    width: 100%; /* Ustawia szerokość na 100% */
  }
  .biogram-container {
    padding: 10px; /* Wewnętrzny odstęp kontenera */
  }
  .image-kontakt {
    margin-left: 0; /* Brak lewego marginesu */
    max-width: 100%; /* Maksymalna szerokość */
  }
  .section-box {
    flex: 1 1 100%; /* Na mniejszych ekranach szerokość na 100% */
  }
}

@media (max-width: 576px) {
  .navbar-brand {
    font-size: 1.2rem; /* Zmniejsza rozmiar czcionki marki */
  }
  .btn-primary {
    width: 100%; /* Szerokość przycisku na 100% */
  }
  .form-control {
    width: 100%; /* Szerokość pola formularza na 100% */
  }
  .header-text {
    padding: 10px 0; /* Wewnętrzny odstęp nagłówka */
  }
  .style-header {
    font-size: 2.5rem; /* Zmniejsza rozmiar czcionki nagłówka */
  }
}