body{
  font-family: "Sen", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.col-imgs {
    flex-wrap: wrap; /* Pozwala na zawijanie zdjęć na mniejszych ekranach */
    justify-content: center; /* Wyśrodkowanie zdjęć */
}
.col-imgs img {
    flex: 1 1 25%; /* Ustawienie szerokości na 25% z uwzględnieniem odstępów */
    max-width: 100%; /* Zapobieganie wychodzeniu poza kontener */
    height: 320px; 
	object-fit:cover;
	width:25%;
}
.title{
	font-weight:800;
	width:900px;
	margin:auto;
	max-width:100%;
}
.title h2{
	font-size:32px;
	text-transform:uppercase;
}
.title span{
	background-color:#ec7c07;
	color:white;
	padding: 3px 10px;
}
.col-title{
	font-weight:600;
	font-size:52px;
	width:630px;
	max-width:100%;
	line-height:1.1;
}
.col-title span{
	background-color:#ec7c07;
	color:white;
	padding: 3px 10px;
}
.col-title span.smaller{
	font-size:36px;
}
.quote{
	font-size:30px;
	font-weight:600;
	font-style:italic;
	color:#ec7c07;
	margin-top:25px;
}
.list{
	font-size:28px;
	font-weight:600;
	font-style:italic;
	color:#ec7c07;
	width:1000px;
	max-width:100%;
	margin:auto;
}
.list img{
	vertical-align:bottom;
	margin-left:5px;
	    width: 150px;
    top: -10px;
    position: relative;
}
.main-img{
	position:relative;
}
.main-img .absolute{
	position:absolute;
	left:0;
	bottom:0;
	width:400px;
}
.wave-img{
	position:absolute;
	right:-50px;
	bottom:30px;
	z-index:-1;
}
.absolute-img{
	position:absolute;
	right:0;
	bottom:0;
	z-index:-1;
}
.absolute-circle{
	position:absolute;
	left:0;
	z-index:-1;
	bottom:0;
}
.absolute-pen{
	position:absolute;
	left:50px;
	z-index:-1;
	bottom:-100px;
}
.number-list{
	color:#ec7c07;
	font-size:24px;
	font-weight:500;
	line-height: 1.2;
}
.counter{
	font-size:50px;
	font-weight:600;
}
@media (max-width: 1668px) {
	.absolute-img img{
		width:180px;
	}
	.absolute-circle img{
		width:120px;
	}
	.absolute-pen {
		left: 10px;
		bottom: -20px;
		width: 200px;
	}
}
@media (max-width: 1298px) {
	.wave-img{
		position:static;
		margin-top:30px;
	}
	
}
@media (max-width: 1199px) {
	.absolute-img,
	.absolute-circle,
	.absolute-pen {
		display:none;
	}
	.col-imgs-small{
		width:750px;
		margin:auto;
		justify-content: center;
		max-width: 100%;
	}
	.number-list{
		font-size:19px;
	}
	.col-title {
		font-size: 44px;
	}
	.list,
	.quote {
		font-size: 24px;
	}
	.title h2{
		font-size:28px;
	}
}
@media (max-width: 991px) {
	.col-imgs img {
		flex: 1 1 50%;
		width:50%;
	}
	.title h2{
		font-size:24px;
	}
	.books{
		text-align:center;
	}
	.list {
        font-size: 20px;
    }
	.list img{
		top:-6px;
	}
}
@media (max-width: 768px) {
	.title h2 {
        font-size: 20px;
    }
	.col-title {
        font-size: 36px;
    }
	.col-title span.smaller {
		font-size: 28px;
	}
	.list {
        font-size: 18px;
    }
	.main-img .absolute{
		position:static;
		width:100%;
	}
}

@media (max-width: 480px) {
    .col-imgs img {
		width:100%;
        flex: 1 1 100%; /* Na telefonach każde zdjęcie zajmuje pełną szerokość */
    }
	.list {
        font-size: 14px;
    }
	.title h2{
		text-align:center;
		
	}
	.title span{
		display:block;
		padding-top:0;
		padding-bottom:0;
	}
	.title br{
		display:none;
	}
	.col-title {
        font-size: 30px;
    }
	.col-title span.smaller {
		font-size: 24px;
	}
	.list img{
		top:0px;
	}
}