* {
  box-sizing: border-box;
  }

body {
background-color: #e7e7e7;
font-family: system-ui, sans-serif;
margin: 0;
}

.body-kjm {
background-color: rgb(255, 255, 255);
color: inherit;
font-size: 16px;
line-height: 1.75rem;
font-family: Tahoma, Geneva, sans-serif;
margin-left: 10px;
margin-right: 10px;
}

/* -------------------
Nagłówek
------------------- */
#naglowek {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
}

#naglowek a {
display: flex;
align-items: center;
flex-shrink: 0; /* zapobiega ściskaniu w Chrome */
}

#naglowek h1 {
margin: 0;
/* white-space: nowrap; */
font-size: 1.8rem;
}

h1 {
color: #346daa;
font-family: Tahoma;
font-size: 30px;
}

#logo-zdjecie {
display: block;
max-width: 290px; /* ustalana maksymalna szerokość */
height: auto;
margin-bottom: 10px;
}

@media (max-width: 600px) {
#logo-zdjecie {
width: 250px; /* mniejsze logo na telefonie */
}

#grafika1 {
        float: none !important;
        position: static !important;
        width: 100% !important;
        margin: 0 auto 20px auto;
    }

    .kontener1 {
        display: block;
    }
}

/* -------------------
Tekst i tytuły
------------------- */
.title {
margin: 0;
text-align: center;
}

p {
font-family: Helvetica, sans-serif;
font-size: 16px;
}

h2 {
color: #346daa;
}

/* -------------------
Linki
------------------- */
a {
text-decoration: none;
color: #346daa;
}

a:hover {
text-decoration: underline;
/* color: white; */
}

/* -------------------
Menu
------------------- */
#Menu a,
#Menu a:visited,
#Menu a:hover,
#Menu a:active {
text-decoration: none !important;
color: white !important;
}

#Menu {
text-align: center;
background-color: rgb(52, 109, 170);
color: rgba(255, 255, 255, 1);
font-size: 18px;
font-weight: 500;
line-height: 37px;
text-decoration: none;
}

#MenuKreskaPion {
color: rgba(177, 177, 177, 1);
}

/* -------------------
Sekcje / Tabele
------------------- */
#zakres-pracy-tabela {
width: 100%;
}

.zakres-pracy-tabela2 {
display: flex;
align-items: stretch;
flex-wrap: nowrap;
}

.gjs-plg-flex-column {
flex-grow: 1;
}

.niebieska-linia-pozioma {
border-bottom-style: solid;
border-bottom-color: #346daa;
border-bottom-width: 1px;
margin-top: -5px;
}

/* -------------------
Grafiki
------------------- */
#grafika1 {
float: right;
width: 37%;
min-width: 350px;
margin: 0 15px 10px 0;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
}

#grafika2 {
color: black;
width: 70%;
min-width: 100px;
text-align: center;
margin-left: auto;
margin-right: auto;
display: flex;
}

#grafika3 {
float: right;
width: 37%;
min-width: 350px;
display: block;
margin: 0 15px 10px 0;
}

/* -------------------
Kontenery
------------------- */
.kontener1 {
width: 90%;
margin: 0 auto;
max-width: 1200px;
}

.sekcja1 {
display: flex;
width: 100%;
}

/* -------------------
Stopka
------------------- */
.stopka {
height: 1px;
width: 100%;
margin: 10px 3px 3px 3px;
background-color: #346daa;
}

.kontakt-podziekowania
{
	color:#3E8E41; 
	font-weight: 600;	
	font-size: 20px;
	text-align: center;
}

li.szkolenia-lista 
{
	color:#346daa !important;
	font-weight: 600;

}

#stopka-tekst {
text-align: center;
color: #346daa;
font-weight: 500;
font-size: 16px;
}