body
{
	 display: flex;
    flex-direction: row;
    /*padding: 15px;*/
	background-color:white;
	font-family: 'Lato';
	/*margin: 15px*/
}

a:link
{
   	display: block;
	color: black;
	text-decoration: none;
}
a:hover
{
    text-decoration: none;
	color: orange;
}
a:active {
    color: deepskyblue; /* Dodaj pożądany styl dla aktywnych linków */
}

#sidebar
{
	/**flex: 0 0 116px; /* Nie pozwala sidebarowi rosnąć, zachowuje stałą szerokość */
	/*flex: 0 0 15%;*/
	float: left;
	width: 100px;
	/*width: 10%;*/
	/*min-height: 610px;*/
	margin-top: 24px;
	/*margin-left: 30px;*/
	/*padding: 0px;*/
	/*background-color: rgba(255, 255, 255, 0.07);*/
	background-color: rgba(255, 255, 255, 0.90);
	text-align: left;
	line-height: 24px;
	/*line-height: 90%;*/
	/*font-size: 15px;*/
	border-right: 1px solid black;
	position: fixed;
	display: none;
}



#content img {
    max-width: 100%;
    height: auto;
}


#content
{
	flex: 1; /* Zajmuje pozostałą przestrzeń */
	float: left;
	/*margin-left: 194px;*/
	/*padding: 0px;*/
	/*width: 1300px;*/
	/*width: calc(100% - 156px); /* Oblicza właściwą szerokość, odejmując margines lewy */*/
    width: 100%;
	background-color: white;
    min-height: 580px;
	text-align: justify;
	overflow: hidden;
}


@media (max-width: 768px) {

 /*
 #sidebar, .hamburger {
        display: none; /* Ukryj sidebar i przycisk hamburgera na urządzeniach mobilnych */
 /*  }
 */
 
/* 
.hamburger {
        display: block; 
		
		position: fixed;
		
      }

  
#sidebar {
        width: 7%;
        float: none;
		display: none; 
    }


.menu-content {
        display: block;
    }
 */


#content
      {
	/*width: 1300px;*/
	width: 100%; 
	float: left;
	/* margin-left: 194px;*/
	/*margin-left: 0;*/
	margin: 0; /* Usuń wszelkie marginesy, aby wykorzystać całą dostępną szerokość */
	padding: 4%;
	background-color: white;
    min-height: 580px;
	text-align: justify;
	overflow: hidden;
    }
}

#content img {
    max-width: 100%;
    height: auto;
}

#footer
{
    	text-align: center;
	}
	
h1
{
	/*width: 1000px;*/
	/*width: calc(100% - 156px); /* Oblicza właściwą szerokość, odejmując margines lewy */*/
	width: 95%;
	padding: 10px;
	margin-top: 30px;
	/*margin-left: 11%;*/
	margin-bottom: 10px;
	font-size: 20px;
	text-align: left;
	
}

h2
{
	/*width: 1000px;*/
	/*width: calc(100% - 156px); /* Oblicza właściwą szerokość, odejmując margines lewy */
	width: 95%;
	padding: 10px;
	margin-top: 1px;
	/*margin-left: 11%;*/
	/*margin-right: 148px;*/
	margin-bottom: 10px;
	font-size: 20px;
	text-align: left;
	text-align: justify;
}

h3
{
	margin-top: 30px;
	/*margin-right: 400px;*/
	margin-bottom: 10px;
	font-size: 20px;
	text-align: justify;
}


h4
{
	margin-top: 30px;
	line-height: 25px;
	/*margin-left: 135px;*/
	/*margin-right: 135px;*/
	margin-bottom: 10px;
	font-size: 20px;
	text-align: justify;
}


b1
{
	
	text-align: left;
}



.optionL
{
	font-size: 15px;
	padding: 5px;
	color: black;
	text-decoration: none;
	
	
}
.optionL:hover
{
	background-color: #b0b1b5;
	padding: 5px;
	cursor: pointer;
	display: block;
	color: black;
	
}

.czarny
{
	color: black;
}

.szary
{
	color: #b0b1b5;
}

.bezowy
{
	color: #977353;
}

.czerwony
{
	color: red;
}


.content
    {
	float: left;
	/*margin-left: 194px;*/
	padding: 0px;
	width: 1350px;
    background-color: gray;
    min-height: 580px;
	text-align: justify;
	overflow: hidden;
    }

	
.logo
{
   	background-color: rgba(255, 255, 255, 0.07);
	width: 116px;
	height: 115px;
	}	


.odstep
{
   	background-color: rgba(255, 255, 255, 0.07);
	/*width: 116px;*/
	height: 19px;
}	
	

.hamburger {
        display: block; /* Pokaż przycisk na małych ekranach */
		position: fixed;
		
      }