#expo{
	display: flex;
	flex-direction: column;
	padding: 20px;
	background: linear-gradient(to right, #01BA42, #00E155 25%, #00FF65 50%, #00E155 75%, #01BA42);
}
.row {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
  }

.align-1 {
	align-items: center;
	justify-content: space-between; /* Rozstawi elementy równomiernie */
  }
  
.align-2 {
	align-items: flex-start;
  }
#text{
	line-height:35px;
	font-size:18px;
	padding-left: 20px;
	flex: 2; /* Większy flex, aby tekst zajmował więcej miejsca */
}
.obrazek1, .obrazek2, .obrazek3, .obrazek4 {
	flex: 1;
	/* Ustawienie minimalnej szerokości, aby obrazki nie stały się zbyt małe */
	max-width: 170px;	
  }
  .image-container {
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  .image-container img {
	width: 100%;
	height: auto;
  }
  .tiranti {
	flex: 1;
	text-align: center;
  }
  
/* Media query */
@media (max-width: 768px) {
	.row, .align-1 {
		flex-direction: column;

	  justify-content: center;align-items: center;
	}
  
	/* Dodatkowy selektor dla bardziej precyzyjnego docelowania */
	.align-2 {
	  /* Przywrócenie oryginalnego wyrównania dla wiersza 2 */
	flex-direction: column;

	}
	#text {padding: 20px;}
	.obrazek1, .obrazek2, .obrazek3, .obrazek4 {
		flex: 1;
		/* Ustawienie minimalnej szerokości, aby obrazki nie stały się zbyt małe */
		width: 50%;
		height: auto;
		max-width: 50%;	
	  }
  }