body
{
	margin: 0px;
}
a
{
	text-decoration:none;
	color: inherit;
}
.ha1>div>h1
{
	line-height: 3rem;
}
#container
{
	margin-top: 0px;
	width: calc(100% - 50px);
	max-width: 1350px;
	padding: 0px 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
@media(max-width: 768px)
{
	#container
	{
	margin-top: 0px;
	width: calc(100% - 20px);
	padding: 0px 10px;
	}

}

.s3-h3{
	font-weight: 800;
	font-size: 2.2rem;
	width: 100%;
	margin: 45px 0px 8px 0px;
}


.s2-h2>h2, .s3-h2>h2, .s4-h2>h2, .s5-h2>h2, .s6-h2>h2, .h2
{
	font-weight: 800;
	font-size: 3rem;
	width: 100%;
	max-width: 1350px;
	margin: 0px auto;
	line-height: 4.5rem;
}
@media(max-width:768px){
	.s2-h2>h2, .s3-h2>h2, .s4-h2>h2, .s5-h2>h2, .s6-h2>h2, .h2{
		font-size: 2.4rem;
		line-height: 3.5rem;
	}
}


.s2-h2:hover>.s2-unl, .s3-h2:hover>.s3-unl, .s4-h2:hover>.s4-unl, .s5-h2:hover>.s5-unl, .s6-h2:hover>.s6-unl
{
	background-color: rgba(120, 0, 65, 0.6);
	transition: all 0.2 ease-in-out;
}

@media(max-width:768px)
{
	.s2-h2>h2, .s3-h2>h2, .s4-h2>h2, .s5-h2>h2, .s6-h2>h2
	{
	font-size: 2.5rem;
	}
}


strong.home{
	font-size:1.4rem;
}

/* Section Aktualnosci DBEGIN */

.news-posts {
    width: 100%;
}

.posts-grid-wrapper{
    overflow-x: scroll;
    width:100%;
    position:relative;
    scroll-behavior: smooth;
}

.posts-grid-wrapper::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.posts-grid-wrapper::-webkit-scrollbar-thumb {
    background: #a8a8a8;
    -webkit-box-shadow: inset 0 0 5px #a8a8a8;
    border-radius: 4px;
}

.posts-grid-wrapper::-webkit-scrollbar-track {
    border-left: 1px solid rgba(194, 194, 194, 0);
    border-top: 1px solid #e2e2e2;
    background-color: #e2e2e2;
    margin: 0 3px 0 3px!important;
}

.posts-grid {
    width: 100%;
    margin: 30px auto 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
@media(max-width:768px) {
    .posts-grid {
        flex-direction: row;
        margin:20px auto 0 auto;
    }
}

@media(max-width:1024px) {
    .photo-grid {
        width: 90vw;
        margin: auto;
        max-width: 1000px;
        display: flex;
        flex-wrap: wrap;
    }
    .photo-grid>div {
        width: calc(90vw / 3 - 10px);
        height: calc(90vw / 3 - 10px);
    }
}

@media(max-width:768px) {

    .photo-grid {
        width: 90vw;
        margin: auto;
        max-width: 1000px;
        display: flex;
        flex-wrap: wrap;
    }
    .photo-grid>div {
        width: calc(90vw / 2 - 10px);
        height: calc(90vw / 2 - 10px);
    }

}

.posts-grid-arrow-wrapper{
    width:100%;
    height:50px;
    top: 120px;
}
@media(max-width:768px){
    .posts-grid-arrow-wrapper{
        display:none!important;
    }
}

.posts-grid-arrow-left, .posts-grid-arrow-right{
    width: 50px;
    height: 50px;
    border-radius: 28px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(186, 186, 186, 1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(186, 186, 186, 1);
    box-shadow: 0px 0px 10px 0px rgba(186, 186, 186, 1);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background-color: #fbfbfb;
}

.posts-grid-arrow-left{
    left: 20px;
    z-index:1000;
    display:none;
}


.posts-grid-arrow-right{
    right: 20px;
    z-index:1000;
}

.posts-grid-arrow-left>.icon-down-open:before{
    font-size: 20px;
    position: relative;
    top: 2px;
}
.posts-grid-arrow-right>.icon-down-open:before{
    font-size: 20px;
    position: relative;
    top: 2px;
}
@media(max-width:768px){
    .posts-grid-arrow-left, .posts-grid-arrow-right{
        display:none;
    }
}

.container-0-text{
	font-size:1.6rem;
	line-height:2.4rem;
	margin-top:50px;
	margin-left:20px;
	margin-right:20px;
	background-color: #f4e9ff;
	padding:20px;
	color: #36006d;
	text-align:justify;
}
@media(max-width:768px){
	.container-0-text{
		margin-left:10px;
		margin-right:10px;
		margin-top:30px;
	}
}



.container-1-left-box {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    width: 300px /*calc(100% / 3.2)*/;
    margin-right:20px;
    z-index:100;
}

@media(max-width:768px) {
    .container-1-left-box {
        width: 100%;
    }
}

.container-1-left-img {
    width: 100%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(186, 186, 186, 1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(186, 186, 186, 1);
    box-shadow: 0px 0px 10px 0px rgb(233 230 230);
    border-radius: 10px;
    overflow: hidden;
}

.container-1-left-img>picture>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 3.5/2;
}

.container-1-left-title {
    font-weight: 600;
    font-size: 2.3rem;
    margin: 38px 0 20px 0;
}

.container-1-left-subtitle>h3 {
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 10px;
    margin-bottom: 6px;
    text-align: center;
    line-height: 2rem;
}

.container-1-left-box:hover>.container-1-left-subtitle>h3 {
    text-decoration: underline;
}

.heading2-article{
	font-size: 17px;
    margin-top: 20px;
    line-height: 2.2rem;
	text-align: center;
}


/* Section Aktualnosci END */


/* container 3 START ------------------------------- */
.container-3{
	z-index:5;
	margin:auto;
	margin-top:100px;
	display:flex;
}
@media(max-width:768px){
	.container-3{
		margin-top:10px;
		padding:0 0;
	}
}
@media(max-width:768px){
	.container-3-left>h2{
		text-align:center;
		font-size:3rem;
		font-weight:500;
	}
	
}

.container-3-left{
	width:calc(80% - 20px);
	padding-left:20px;
}
@media(max-width:1105px){
	.container-3-left{
		width:calc(100% - 40px);
		padding-left:20px;
		padding-right:20px;
	}
}
@media(max-width:768px){
	.container-3-left{
		padding:0 10px;
		width:calc(100% - 20px);
		width:100%;
		padding:0;
	}
}


.container-3-left>h2{
	font-size:4rem;
	font-weight:600;
	margin-bottom:10px;
    margin-top:10px;
}

.container-3-box{
	display:flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 10px;
    -webkit-overflow-scrolling: touch;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
	display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 16px;
    padding: 8px 0px;
    -webkit-overflow-scrolling: touch;
}
@media(max-width:768px){
	.container-3-box{
		flex-direction:column;
	}
}



.container-3-box-subtitle{
	padding:0;
	text-decoration:none;
	transition:0.3s;
	flex: 0 0 auto;
    white-space: nowrap;
    min-width: fit-content;
	flex: 0 0 auto !important;
    white-space: nowrap !important;
    min-width: fit-content;
    padding: 10px 0 0;
}
@media(max-width:768px){
	.container-3-box-subtitle{
		padding:0!important;
		text-align:center;
		margin:0;
	}
}

.container-3-box-subtitle>a>.h3{
	display:block;
	font-size:1.4rem;
	font-weight:500;
	margin:0px 0px;
	padding:8px 10px;
	border-radius:8px;
	background-color: #ebebeb;
	transition:0.1s;
}
@media(max-width:900px){
	.container-3-box-subtitle>a>.h3{
		font-size:1.25rem;
	}

}
@media(max-width:768px){
	.container-3-box-subtitle>a>.h3{
		font-size:1.5rem;
		margin: 0 0 0px 0;
		padding: 12px;
	}

}

.container-3-box-subtitle>a>.h3:hover{

	transition:0.1s;
	background-color:#e0dfdf;
}
.container-3-left .s2-unl{
	max-width:23%;
}
@media(max-width:1105px){

	.container-3-left .s2-unl{
		max-width: 12%;
	}
}
@media(max-width:768px){

	.container-3-left .s2-unl{
		max-width: 130px;
	}
}

.container-3-left>picture{
	position:relative;
}

.container-3-left>picture>img{
	width:95%;
	margin-top:10px;
	height:570px;
	object-fit:cover;
}
@media(max-width:1105px){
	.container-3-left>picture>img{
		width:100%;
	}

}
@media(max-width:768px){
	.container-3-left>picture>img{
		/*height:400px;*/
		height: auto;
        aspect-ratio: 16 / 9;
		margin-right: -10px;
        margin-left: -10px;
        width: calc(100% + 20px);
	}
}
.container-3-left-button{
	display:flex;
	justify-content:center;
	width:95%;
}
@media(max-width:1105px){
	.container-3-left-button{
		width:100%;
	}
}
@media(max-width:768px){
	.container-3-left-button{
		position:absolute;
		bottom: 14px;
        width: 94%;
        margin-left: 3%;
	}
}

.container-3-left-button>a{
	border:1px solid white;
	color:white;
	margin:auto;
	font-size:2.5rem;
	font-weight:800;
	padding: 10px 30px;
    max-width: 82%;
	z-index:10;
	background-color:rgba(0,0,0,0);
	position:relative;
	top:-150px;
	transition:0.3s;
	border-radius: 8px;
	text-shadow: 0 0 2px #19003288;
}
@media(max-width:768px){
	.container-3-left-button>a{
		top:0;
		padding: 5px 12px;
		max-width: 90%;
		font-size:1.8rem;
	}
}

.container-3-left-button>a:hover{
	background-color:white;
	color:black;
	transition:0.3s;
}

.container-3-left-images{
	margin-top:-40px;
	margin-left:-20px;
	margin-right:-20px;
	width:calc(95% + 40px);
	display:flex;
	justify-content: space-between;
	z-index: 1;
    position: relative;
}
@media(max-width:1105px){
	.container-3-left-images{
		justify-content: space-between;
		margin-left:-20px;
		margin-right:-20px;
		width:calc(100% + 40px);
	}
}
@media(max-width:768px){

	.container-3-left-images{
		margin-left: -10px;
		margin-right: -10px;
		width: calc(100% + 20px);
		margin-top:20px;
		flex-wrap: wrap;
	}
}

.container-3-left-images>a{
	display:block;
	max-width:23.75%;
	width:23.75%;
	transition:0.3s;
	height:165px;
}
@media(max-width:768px){
	.container-3-left-images>a{
		margin-bottom: 20px;
		width:48%;
		max-width:48%;
	}
}


.container-3-left-images>a:hover{
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.4);
	transition:0.3s;
}

.container-3-left-images>a>picture{
	max-width:100%;
	width:100%;
	display:block;
	margin:0;
	padding:0;
}
@media(max-width:1105px){

	.container-3-left-images>picture{
		margin-left:5px;
		margin-right:5px;
	}

}

.container-3-left-images>a>picture>img{
	max-width:100%;
	width:100%;
	height:140px;
	object-fit:cover;
	-webkit-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
}
@media(max-width:1105px){

	.container-3-left-images>picture>img{
		max-width:100%;
	}
}



.container-3-left-image-subtitle{
	font-size:1.4rem;
	color:white;
	text-align:center;
	max-width:calc(100% - 10px);
	padding:0 5px;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);

	height:50px;
	display:flex;
	justify-content:center;
	align-items: center;
	margin-top:-60px;
	font-weight: 600;
}
@media(max-width:768px){
	.container-3-left-image-subtitle{
		height:50px;
		display:flex;
		justify-content:center;
		align-items: center;
		margin-top:-60px;
		font-weight: 500;
	}
}

.container-3-right{
	width:20%;
	border-left:1px solid #e4e4e4;
	padding-left:20px;
	/*padding-top:200px;
	margin-top:-150px;*/
}

.container-3-right-title>h3{
	font-weight:600;
	font-size:2.3rem;
	margin:10px 0px 20px;
}
@media(max-width:1105px){

	.container-3-right-title>h3{
		margin-top:10px;
		font-size:2.5rem;
		font-weight:500;
	}
}
@media(max-width:768px){

	.container-3-right-title>h3{
		text-align:center;
	}
}

.container-3-right-title .s3-unl{
	max-width:23%;
}
@media(max-width:1105px){

	.container-3-right-title .s3-unl{
		max-width: 12%;
	}
}
@media(max-width:768px){

	.container-3-right-title .s3-unl{
		max-width: 130px;
	}
}

.container-3-right-box{
	display:flex;
	flex-direction:column;
	transition:0.3s;
}

.container-3-right-box:hover>.container-3-right-subtitle{
	text-decoration:underline;
	transition:0.3s;
}
.container-3-right-images{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media(max-width:1105px){


	.container-3-right-images{
		display:flex;
		justify-content: space-between;
		flex-direction:row;
	}
}

@media(max-width:768px){

	.container-3-right-images{
		flex-direction:column;
		align-items: center;
		padding-right:0;
	}
}


.container-3-right-img{
	width:100%;
	height:160px;
}

.container-3-right-img>picture>img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.container-3-right-text-1, .container-3-right-text-2{
	height:0;
}

.container-3-right-text-1>span, .container-3-right-text-2>span{
	background-color:rgb(152, 116, 189, 1);
	padding:2px 5px;
	margin:2px 0 5px 10px;
	font-size:1.2rem;
	display:inline-block;
	position:relative;
	top:-60px;
	color:white;
}

.container-3-right-text-2>span{
	top:-35px;
}

.container-3-right-subtitle{
	font-weight:600;
	font-size:1.5rem;
	margin-top:10px;
	margin-bottom:6px;
	text-align:center;
}

@media(max-width:1105px){
	.container-3{
		flex-direction:column;
	}

	.container-3-right{
		width:calc(100%);
		padding-top: 0;
		margin-top: 50px;
		padding-left: 0px;
		border-left: 0px;
	}


	.container-3-right-box{
		width:31%;
	}
}



@media(max-width:768px){

	.container-3-right{
		padding-left:0;
		border:none;
	}


	.container-3-right-box{
		width:100%;
		max-width: 100%;
	}

	.container-3-right-img{
		height:60vw;
	}

	.container-3-right-box:last-child{
		margin-bottom:0;
	}
}

/* container 3 END ------------------------------ */

/*-------------------First section BEGIN---------------*/
.s1
{
	height: calc(100vh - 90px);
	min-height: 600px;
	width: 100%;
	display: flex;
}
.s1-left
{
	width: 50%;
	background-position: center;
	background-size: cover;
	aspect-ratio: 1/1;

	display: flex;
	justify-content: flex-end;
}
.s1-left-cover
{
	position: absolute;
	z-index: 130;
}
.s1-left-cover img
{
	min-height: 600px;
    height: calc(100vh - 90px + 2px);
    /*max-height: 788px;*/
}
.s1-right
{
	width: 50%;
	display: flex;
	align-items: center;
    justify-content: center;
	padding-top: 2vw;
	flex-direction: column;
}
.s1-right svg
{
	max-width: 95%;
	max-height: 95%;
}
.ha1
{
	width: calc(100% - 30px);
	display: flex;
	margin-top: -105px;
	margin-left: 30px;
}
h1
{
	display:flex;
	flex-direction: column;
	/*font-size: 3.2rem!important;
    font-weight: 900!important;
    line-height: 4.5rem!important;
	margin: 70px 0px 70px 0px;
	text-align:center;*/
}
div>h1>.rz
{
	font-weight: 800;
	color: #fff;
	background: #36006d;
    width: fit-content;
    padding: 4px 3px;
	line-height:22px;
	font-size: 2.2rem;
	margin-left:2px;
	margin-top: 40px;
	margin-bottom: 10px;
}
div>h1>.pdk
{
	font-size: 2.2rem;
	line-height:3rem;
	font-weight: 700;
	color: #000;
}
@media(max-width:1024px)
{
	.s1
	{
		flex-direction: column;
		min-height: 680px;
		height: auto;
	}
	.s1-left
	{
		width: 100%;
		aspect-ratio: 3/2;
	}
	.s1-left-cover
	{
		display: none;
	}
	.s1-right
	{
		width: 100%;
		padding:100px 25px 0 25px;
		height: auto;
		margin: auto;
		padding-top: 100px;
		box-sizing:border-box;
	}
	.s1-right svg
	{
    margin-left: auto;
    margin-right: auto;
	display:none;
	}
	.ha1
	{
		margin-left: 0px;
		width:100%;
	}
	.ha1>div>h1{
		margin:20px 0 20px 0;
	}
	h1
	{
		margin: 70px 15px 70px 15px;
	}
}
@media(max-width:768px)
{
	.s1{
		min-height:360px;
	}

	.s1-right
	{
    	/*height: 800px;*/
		margin-top:0px;
		height: 50px;
		padding:100px 10px 0px 10px;

	}
	h1
	{
	font-size: 2.5rem!important;
    font-weight: 900!important;
    line-height: 3.2rem!important;
	margin: 60px 15px 60px 15px;
	}
	div>h1>.rz{
		font-size:1.6rem;
		margin-bottom:0;
	}
	div>h1>.pdk{
		font-size: 2rem;
	}
}
@media(max-width:560px)
{
	.s1-right svg
	{
    max-width: 100%;
    max-height: 100%;
	}
}


/*-------------------First section END---------------*/
/*-------------------Rzeszów atrakcje BEGIN---------------*/
.s2
{
	width: 100%;
	margin-top: 120px;
}

.s2-unl
{
	max-width: 137px;
	height: 4px;
	background-color: rgba(100, 34, 69, 0.2);
	transition: all 0.2s ease-in-out;
	margin-bottom: 10px;
}

.s2-grid
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	gap: 20px 20px;
	grid-auto-flow: row;
	grid-template-areas:
    "s2-post1 s2-post1 s2-post2 s2-post3"
    "s2-post1 s2-post1 s2-post4 s2-post5"
    "s2-post1 s2-post1 s2-post6 s2-post7";
	width: 100%;
	min-height: 500px;
	margin-top: 30px;

}

.s2-post1
{
grid-area: s2-post1;
background: url("img/post1.jpg");
background-position: center;
background-size: cover;
min-width: 420px;
aspect-ratio: 1/1;
height: 500px;
width: 100%;
}

.s2-post2
{
grid-area: s2-post2;
background: url("img/post2.jpg");
background-position: center;
background-size: cover;
min-width: 220px;
}

.s2-post3
{
grid-area: s2-post3;
background: url("img/post2.jpg");
background-position: center;
background-size: cover;
min-width: 220px;
}

.s2-post4
{
grid-area: s2-post4;
background: url("img/post2.jpg");
background-position: center;
background-size: cover;
min-width: 220px;
}

.s2-post5
{
grid-area: s2-post5;
background: url("img/post2.jpg");
background-position: center;
background-size: cover;
}

.s2-post6
{
grid-area: s2-post6;
background: url("img/post2.jpg");
background-position: center;
background-size: cover;
min-width: 220px;
}

.s2-post7
{
	grid-area: s2-post7;
	background: url("img/post2.jpg");
	background-position: center;
	background-size: cover;
	min-width: 220px;
}
.s2-post1, .s2-post2, .s2-post3, .s2-post4, .s2-post5, .s2-post6, .s2-post7
{
	display: flex;
	align-items: flex-end;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
}
.s2-post1-title
{
	color: #fff;
	width: 100%;
	font-size: 3.5rem;
	line-height: 4.7rem;
	font-weight: 600;
	padding: 50px 30px;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%);

}
.s2-post-n-title
{
	color: #fff;
	width: 100%;
	font-size: 1.5rem;
	font-weight: 600;
	line-height:1.9rem;
	padding: 20px;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%);

}
.s2-post1:hover>.s2-post1-title, .s2-post2:hover>.s2-post1-title, .s2-post3:hover>.s2-post1-title, .s2-post4:hover>.s2-post1-title, .s2-post5:hover>.s2-post1-title, .s2-post6:hover>.s2-post1-title, .s2-post7:hover>.s2-post1-title
{
	text-decoration: underline;
}
.s2-post1:hover>.s2-post-n-title, .s2-post2:hover>.s2-post-n-title, .s2-post3:hover>.s2-post-n-title, .s2-post4:hover>.s2-post-n-title, .s2-post5:hover>.s2-post-n-title, .s2-post6:hover>.s2-post-n-title, .s2-post7:hover>.s2-post-n-title
{
	text-decoration: underline;
}
.s2-post1:hover, .s2-post2:hover, .s2-post3:hover, .s2-post4:hover, .s2-post5:hover, .s2-post6:hover, .s2-post7:hover
{
-webkit-filter: opacity(90%);
-moz-filter: opacity(90%);
-o-filter: opacity(90%);
-ms-filter: opacity(90%);
filter: opacity(90%);
transition: all 0.1s ease-in-out;
}
@media(max-width: 1024px)
{

	.s2-grid {  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-template-rows: auto;
	  gap: 20px 20px;
	  grid-auto-flow: row;
	  grid-template-areas:
		"s2-post1 s2-post1"
		"s2-post1 s2-post1"
		"s2-post2 s2-post3"
		"s2-post4 s2-post5"
		"s2-post6 s2-post7";
		width: 100%;
		margin-top: 30px;
		aspect-ratio: auto;
	}


	.s2-post1, .s2-post2, .s2-post3, .s2-post4, .s2-post5, .s2-post6, .s2-post7
	{
		aspect-ratio: 3/2;
	}
}

@media(max-width: 768px)
{
	.s2
	{
	width: calc(100% - 0px);
    padding: 0px 0px;
	margin-top: 0px;
	}
	.s2-grid {

		gap: 10px 10px;
	}
	.s2-post1, .s2-post2, .s2-post3, .s2-post4, .s2-post5, .s2-post6, .s2-post7
	{
		min-width: 100%;
		aspect-ratio:auto;
		min-height:150px;
	}
	.s2-post1-title
	{

		font-size: 2.2rem;
		padding: 50px 20px;
		line-height: 3.2rem;
	}
	.s2-post-n-title
	{

		font-size: 1.3rem;
		padding: 20px;
	}
}



@media(max-width: 445px)
{
	.s2
	{
	width: calc(100% - 0px);
    padding: 0px 0px;
	}
	.unl
	{
	width: 100%;
	}
	.s2-grid {  display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
	gap: 10px 10px;
	grid-auto-flow: row;
	grid-template-areas:
    "s2-post1 s2-post1"
    "s2-post1 s2-post1"
    "s2-post2 s2-post3"
    "s2-post4 s2-post5"
    "s2-post6 s2-post7";
	width: 100%;
	margin-top: 30px;
	}
	.s2-post1
	{
	height: 100%;
	aspect-ratio: auto;
	}
	.s2-post1-title
	{
	padding: 35px 20px;
	}
	.s2-post-n-title
	{
	font-size: 1.3rem;
	padding: 10px;
	}
}

/*-------------------Rzeszów atrakcje END---------------*/


/*-------------------Bieszcady BEGIN---------------*/
.s3
{
	width: 100%;
	margin-top: 120px;
}

.s3-unl
{
	max-width: 193px;
	height: 4px;
	background-color: rgba(100, 34, 69, 0.2);
	transition: all 0.2s ease-in-out;
	margin-bottom: 30px;
}

.s3-flex
{
	display: flex;
	width: 100%;

}
.s3-flex-p1
{
	width: calc(50% - 10px);
	background: url("img/post1.jpg");
	background-position: center;
	background-size: cover;
	min-width: 420px;
	min-height: 400px;


	display: flex;
	align-items: flex-end;
	cursor: pointer;
	transition: all 0.2s ease-in-out;
	text-decoration: none;
	transition: all 0.1s ease-in-out;
}
.s3-flex-p1:hover
{
	-webkit-filter: opacity(90%);
	-moz-filter: opacity(90%);
	-o-filter: opacity(90%);
	-ms-filter: opacity(90%);
	filter: opacity(90%);
	transition: all 0.1s ease-in-out;
}
.s3-flex-p1:hover>.s3-post1-title
{
	text-decoration: underline;
}
.s3-post1-title
{
	color: #fff;
	width: 100%;
	font-size: 3.5rem;
	line-height: 4.7rem;
	font-weight: 600;
	padding: 30px;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%);
}
.s3-flex-pn
{
	width: 50%
}
.s3-flex-pnx
{
	width: 100%;
	display: flex;
	cursor: pointer;
	transition: all 0.1s ease-in-out;

}
.s3-flex-pnx:hover>.s3-flex-title
{
	text-decoration: underline;
}
.s3-flex-zdj
{
	background: url("img/post2.jpg");
	background-position: center;
	background-size: cover;
	min-width: 140px;
	aspect-ratio: 261/170;
	margin-left: 20px;
	width: 75%;
}
.s3-flex-pnx:hover>.s3-flex-zdj
{
	-webkit-filter: opacity(90%);
	-moz-filter: opacity(90%);
	-o-filter: opacity(90%);
	-ms-filter: opacity(90%);
	filter: opacity(90%);
	transition: all 0.1s ease-in-out;
}
.s3-flex-title
{
	font-size: 1.9rem;
	display: flex;
	align-items: center;
	padding: 0px 20px;
	width: 95%;
}
.s3-space
{
	height: 20px;
	width: 100%;
	display: block;
}
@media(max-width: 1024px)
{
	.s3-flex
	{
	flex-direction: column;
	}
	.s3-flex-p1
	{
	width: 100%;
	aspect-ratio: 3/2;
	margin-bottom: 20px;

	}
	.s3-flex-pn
	{
	width: 100%;
	}
	.s3-flex-zdj
	{
		margin: 0px 20px 0px 0px;
	}
	.s3-post1-title
	{
		padding: 70px 50px;
	}
}
@media(max-width: 768px)
{
	.s3
	{
	width: 100%;
	padding: 0px 0px;
	margin:90px auto 0 auto;
	}
	.s3-flex-p1
	{
	margin-bottom: 10px;
	min-width: 100px;
	max-width:100%;
	}
	.s3-flex-zdj
	{
	margin: 0px 10px 0px 0px;
	min-height: 100px;
	aspect-ratio: 3/2;
	}
	.s3-space
	{
	height: 10px;
	}
	.s3-post1-title
	{
	font-size: 2.2rem;
    line-height: 3.2rem;
    padding: 50px 20px;
	}

	.s3-flex-title
	{
	font-size: 1.3rem;
	padding: 0px;
	line-height:1.8rem
	}
}
@media(max-width: 445px)
	{
		 .s3-post1-title {
            padding: 35px 20px;
        }
	}
/*--------------Bieszczady END-------------------*/

/*--------------Beskid Niski BEGIN-------------------*/
.s4
{
	width: 100%;
	margin-top: 120px;
}

.s4-unl
{
	max-width: 175px;
	height: 4px;
	background-color: rgba(100, 34, 69, 0.2);
	transition: all 0.2s ease-in-out;
	margin-bottom: 30px;
}
.s4-photos
{
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	max-width:100%;
}
.s4-flex-photo
{
	display: flex;
	justify-content: space-between;
	width: calc(50% - 10px);
	max-width:50%;
}
.s4-space
{
	width: 20px;
}
.s4-photo
{
	aspect-ratio: 290/165;
	width: calc(50% - 10px);
    background: url(img/post2.jpg);
    background-position: center;
    background-size: cover;
	display: flex;
	align-items: flex-end;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
	min-height: 160px;
}
.s4-photo:hover
{
	-webkit-filter: opacity(90%);
	-moz-filter: opacity(90%);
	-o-filter: opacity(90%);
	-ms-filter: opacity(90%);
	filter: opacity(90%);
	transition: all 0.1s ease-in-out;
}
.s4-photo:hover>.s4-photo-title
{
	text-decoration: underline;
}
.s4-photo-title
{
	width: 100%;
	color: #fff;
    font-size: 1.5rem;
	line-height:1.9rem;
    font-weight: 600;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%);
}
@media(max-width: 1024px)
{
	.s4-photo
	{
    width: 100%;
	margin-bottom: 20px;
	}
	.s4-flex-photo
	{
	flex-direction: column;
	}
	.s4-photo-title
	{
	font-size: 1.4rem;
	padding: 20px 20px;
	}
}
@media(max-width: 768px)
{
	.s4
	{
	width: calc(100% - 0px);
	padding: 0px 0px;
	margin: 100px auto 0 auto;
	}
	.s4-space
	{
	width: 10px;
	}
	.s4-photos
	{
    margin-top: 10px;
	}
	.s4-photo
	{
	margin-bottom: 10px;
	min-height:150px;
	aspect-ratio: auto;
	width:100%;
	}
	.s4-flex-photo
	{
    width: calc(50% - 5px);
	}
	.s4-photo-title
	{
	font-size: 1.3rem;
	padding: 20px 20px;
	}
}
@media(max-width: 445px)
{
	.s4-photo-title
	{
	font-size: 1.3rem;
	padding: 10px;
	}

}
/*--------------Beskid Niski END-------------------*/

/*--------------Dolina Sanu BEGIN-------------------*/
.s5
{
	width: 100%;
	margin-top: 120px;
}

.s5-unl
{
	max-width: 182px;
	height: 4px;
	background-color: rgba(100, 34, 69, 0.2);
	transition: all 0.2s ease-in-out;
	margin-bottom: 30px;
}
.s5-content
{
	display: flex;
	width: 100%;
	height: 570px;
}
.s5-left-content
{
	width: 75%;
	display: flex;
}
.s5-column
{
	width: calc(100% / 3);
	margin-right: 13px;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.s5-left-post
{
	aspect-ratio: 290/185;
    height: calc(33.333% - 10px);
    background: url(img/post2.jpg);
    background-position: center;
    background-size: cover;
	display: flex;
	align-items: flex-end;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
}

.s5-left-post:hover
{
	-webkit-filter: opacity(90%);
	-moz-filter: opacity(90%);
	-o-filter: opacity(90%);
	-ms-filter: opacity(90%);
	filter: opacity(90%);
	transition: all 0.1s ease-in-out;
}
.s5-left-post:hover>.s5-post-title
{
	text-decoration: underline;
}
.s5-post-title
{
	width: 100%;
	color: #fff;
    font-size: 1.5rem;
	line-height:1.9rem;
    font-weight: 600;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%);
}

.s5-post1
{
	width: calc(100% * 0.666);
	background: url("img/post1.jpg");
	background-position: center;
	background-size: cover;
	min-width: 420px;
	min-height: 400px;
	display: flex;
	align-items: flex-end;
	transition: all 0.1s ease-in-out;
}
.s5-post1:hover
{
	-webkit-filter: opacity(90%);
	-moz-filter: opacity(90%);
	-o-filter: opacity(90%);
	-ms-filter: opacity(90%);
	filter: opacity(90%);
	transition: all 0.1s ease-in-out;
	cursor: pointer;
}
.s5-post1:hover>.s5-post1-title
{
	text-decoration: underline;
}
.s5-post1-title
{
	color: #fff;
	width: 100%;
	font-size: 3.5rem;
	line-height: 4.7rem;
	font-weight: 600;
	padding: 30px;
	background-color: rgba(0, 0, 0, 0);
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 100%);
}
.s5-right-content
{
	width: 25%;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	margin-left: 13px;
}
.s5-right-post
{
	aspect-ratio: 290/185;
    height: calc(33.333% - 10px);
    background: url(img/post2.jpg);
    background-position: center;
    background-size: cover;
	display: flex;
	align-items: flex-end;
	cursor: pointer;
	transition: all 0.1s ease-in-out;
}
.s5-right-post:hover
{
	-webkit-filter: opacity(90%);
	-moz-filter: opacity(90%);
	-o-filter: opacity(90%);
	-ms-filter: opacity(90%);
	filter: opacity(90%);
	transition: all 0.1s ease-in-out;
}
.s5-right-post:hover>.s5-post-title
{
	text-decoration: underline;
}

@media(max-width:1024px)
{
.s5-content
	{
		flex-direction: column;
		height: 650px;
	}
	.s5-left-content
	{
		width: 100%;
		flex-direction: row-reverse;
		height: 470px;
	}
	.s5-right-content
	{
		width: calc(100% - 0px);
		position: relative;
		flex-direction: row;
		margin: 10px 0px 0px 0px;
	}
	.s5-right-post
	{
		height: 180px;
		width: calc(100% / 3 - 7px);
	}
	.s5-column
	{
		width: calc(30% - 10px);
		flex-direction: column;
		position: relative;
		display: flex;
		margin: 0px 0px 0px 0px;
	}
	.s5-left-post
	{
		height: calc(100% / 3 - 7px);
	}

	.s5-post-title
	{
		padding: 10px 15px;
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.s5-post1
	{
		width: 70%;
		margin-right: 10px;
	}
	.zdjecie-dolina img
	{
		min-height: 530px;
	}

}

@media(max-width:768px)
{
	.s5
	{
		width: calc(100% - 0px);
		padding: 0px 0px;
		margin:90px auto 0 auto;
	}
	.s5-content
	{
		height: auto;
	}
	.s5-post1
	{
    width: 100%;
	min-width: auto;
	}
	.s5-post1-title
	{
	font-size: 2.2rem;
    line-height: 3.2rem;
    padding: 50px 20px;
	}
	.s5-post-title
	{
	padding: 25px 20px;
	line-height:2.2rem;
	}
	.s5-left-content
	{
	flex-direction: column-reverse;
	height: auto;
	}
	.s5-left-post
	{
		height: 230px;
		margin-bottom: 10px;
	}
	.s5-column
	{
		flex-direction:column;
		width: 100%;
		margin:10px 0px 0px 0px;
		row-gap: auto;
	}
		.s5-right-post
	{
		width: 100%;
		height: 230px;
		margin-bottom: 10px;
	}
	.s5-right-content
	{
		flex-direction:column;
	}
}

@media(max-width: 445px)
	{
		 .s5-post1-title {
            padding: 35px 20px;
        }
	}
/*--------------Dolina Sanu END-------------------*/

/*--------------Roztocze BEGIN-------------------*/
.s6
{
	width: 100%;
	margin-top: 120px;
}

.s6-unl
{
	max-width: 151px;
	height: 4px;
	background-color: rgba(100, 34, 69, 0.2);
	transition: all 0.2s ease-in-out;
	margin-bottom: 30px;
}

@media(max-width: 768px)
{
	.s6
	{
		width: calc(100% - 0px);
		padding: 0px 0px;
		margin:90px auto 0 auto;
	}
}
/*--------------Roztocze END-------------------*/

/* ----------------- Partnerzy BEGIN --------- */
.s-partner{
	display:flex;
	align-items:center;
	flex-direction:column;
	margin:-30px auto 60px auto;
}
.s-partner-h2{
	font-weight: 800;
	font-size: 2.6rem;
	width: 100%;
	margin: 0 auto 10px auto;
	text-align:center;
}
.s-partner a img{
	height:100px;
	width:auto;
	max-width:100%;
}
@media(max-width:768px){
	.s-partner a img{
		height:80px;
	}
}
/* ----------------- Partnerzy END --------- */

/*--------------Treść BEGIN-------------------*/
.s7
{
	width: 100%;
	margin-top: 50px;
}
@media(max-width:768px){
	.s7{
		margin-top:20px;
	}

}
.s7-img
{
	width: 100%;
	display: flex;
	margin:auto;
}
.s7-img img
{
	width: 100%;
}
.s7-h2
{
	font-weight: 800;
	font-size: 2.5rem;
	width: 100%;
	margin: 40px auto auto auto;
}
@media(max-width:768px){
	.s7-h2{
		font-size: 1.9rem;
		margin: 40px auto 15px auto;
		line-height: 3rem;
	}
}

.s7>p
{
	font-size: 1.4rem;
	line-height: 2.5rem;
}


/*--------------Treść END-------------------*/

/* container 6 START ------------------------------ */
.container-6{
	max-width:1250px;
	padding:0 20px;
	margin:100px auto 0 auto;
	display:flex;
	align-items: center;
	justify-content:center;
}

.container-6-line-left{
	border-top:2px solid #642245;
	border-left:2px solid #642245;
	width:calc(44% - 185px);
	height:50px;
}

.container-6-text{
	font-size:4rem;
	font-family:'Allura';
	margin-left:20px;
	margin-right:20px;
	color:#642245;
	position:relative;
	top:-30px;
	width:370px;
	text-align:center;
}

.container-6-line-right{
	border-top:2px solid #642245;
	border-right:2px solid #642245;
	height:50px;
	width:calc(44% - 185px);
}


@media(max-width:1024px){

}

@media(max-width:768px){
	.container-6{
		width:calc(100% - 40px);
		padding:0 20px;
		justify-content: space-between;
	}

	.container-6-line-left{
		width: 25%;
		height:60px;
		margin-bottom:-15px;
	}

	.container-6-text{
		width:100%;
		font-size:2.8rem;
		margin-left:10px;
		margin-right:10px;
		top:-22px;
	}

	.container-6-line-right{
		width: 25%;
		height:60px;
		margin-bottom:-15px;
	}

}
/* container 6 END ------------------------------ */
/* container 7 START ------------------------------ */
.container-7{
	padding:0;
	background:url('img/bieszczady.jpg') center center;
	background-size:cover;
}

.container-7-overlay{
	background-color:rgba(50, 35, 83, 0.55);
	margin:auto;
	padding:0 20px;
}

.container-7-box{
	max-width:1250px;
	margin:auto;

}

.container-7-box-inside{
	width:88%;
	border-left:2px solid #642245;
	border-right:2px solid #642245;
	margin:auto;
	padding:30px 20px 100px 20px;
}

.container-7-box-inside>h2{
	text-align:center;
	color:white;
	font-size:6rem;
}
@media(max-width:768px){
	.container-7-box-inside>h2{
		font-size:3rem;
	}
}

.container-7-box-inside>p{
	text-align:center;
	color:white;
	font-size:1.4rem;
	width:80%;
	margin:auto;
}


.container-7-circles{
	display:flex;
	justify-content: center;
	margin-top:50px;
}

.container-7-circle{
	margin:0 5%;
}

.container-7-circle-outside{
	padding:5px;
	border:2px solid #642245;
	background-color:#f5f5f5;
	border-radius:100px;
	margin-bottom:15px;

}

.container-7-circle-inside{
	background-color:rgba(0,0,0,0.08);
	border-radius:100px;
	width:90px;
	height:90px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:1.7rem;
	text-align:center;
}

.container-7-circle-title{
	text-align:center;
	font-size:1.5rem;
	color:white;
	font-weight:500;
}

@media(max-width:1024px){

}

@media(max-width:768px){
	.container-7-box{
		width:100%;
	}

	.container-7-box-inside{
		padding:10px 10px 30px 10px;
		width:auto
	}

	
	.container-7-box-inside>p{
		width:95%;
		font-weight:300;
		font-size:1.3rem;
	}

	.container-7-circles{
		flex-wrap:wrap;
		margin-top:30px;
	}

	.container-7-circle{
		margin-bottom:20px;
		display:flex;
		flex-direction:column;
		align-items: center;
	}

	.container-7-circle-outside{
		width:80px;
		height:80px;
	}

	.container-7-circle-inside{
		font-size:1.5rem;
		width:80px;
		height:80px;
	}
}

@mediawmax-width:420px){

}
/* container 7 END ------------------------------ */
/* container 8 START ------------------------------ */
.website-link
{
	color: #e7ddef;
	font-weight: 500;
	text-decoration: underline;
}
.container-8{
	background-color:#674F79;
	background-size:cover;
	margin:auto;
	padding:0 20px;
}

.container-8-box{
	max-width:1250px;
	margin:auto;
}

.container-8-box-inside{
	width:88%;
	border-left:2px solid #642245;
	border-right:2px solid #642245;
	margin:auto;
	padding:30px 20px 50px 20px;
}

.container-8-box-inside>h2{
	text-align:center;
	color:#f9f3fe;
	font-size:4rem;
	margin-top:-58px;
	font-weight:500;
}

.container-8-columns{
	display:flex;
	margin-top:22px;
}

.container-8-column-left, .container-8-column-right{
	width:50%;
}

.container-8-column-left>h3{
	color:#f9f3fe;
	font-size:2rem;
	text-align:center;
	width:90%;
	margin:auto auto 20px auto;
	font-weight:500;
}

.container-8-column-left>p{
	color:#f9f3fe;
	font-size:1.2rem;
	text-align:justify;
	width:90%;
	margin:auto auto 10px auto;
	line-height:1.8rem;
}

.container-8-column-right>h3{
	color:#f9f3fe;
	font-size:2rem;
	text-align:center;
	width:90%;
	margin:auto auto 20px auto;
	font-weight:500;
}

.container-8-column-right>p{
	color:#f9f3fe;
	font-size:1.2rem;
	text-align:justify;
	width:90%;
	margin:auto auto 10px auto;
	line-height:1.8rem;
}

@media(max-width:1024px){

}

@media(max-width:768px){
	.container-8-box{
		width:100%;
	}

	.container-8-box-inside{
		padding:0 15px;
		width:auto;
	}

	.container-8-box-inside>h3{
		font-size:3rem;
		margin-top:0;
		padding-top:30px;
	}
	.container-8-columns {
		flex-direction: column;
	}

	.container-8-column-left{
		margin-bottom:30px;
		width:100%;
	}

	.container-8-column-left>p{
		margin:0;
		width:100%;
	}

	.container-8-column-right{
		margin-bottom:30px;
		width:100%;
	}

	.container-8-column-right>p{
		margin:0 0 20px 0;
		width:100%;
	}
}
/* container 8 END ------------------------------ */
/* container 9 START ------------------------------ */
.container-9{
	max-width:1250px;
	padding:0 20px;
	margin:0 auto 40px auto;
	display:flex;
	align-items: center;
	justify-content:center;
}

.container-9-line-left{
	border-bottom:2px solid #642245;
	border-left:2px solid #642245;
	width:calc(44% - 280px);
	height:60px;
}

.container-9-text{
	font-size:4rem;
	font-family:'Allura';
	margin-left:20px;
	margin-right:20px;
	color:#642245;
	position:relative;
	top:30px;
	width:560px;
	text-align:center;
}

.container-9-line-right{
	border-bottom:2px solid #642245;
	border-right:2px solid #642245;
	height:60px;
	width:calc(44% - 280px);
}

@media(max-width:1024px){

}

@media(max-width:768px){
	.container-9{
		/*width:100%;*/
	}

	.container-9-line-left{
		margin-top:-35px;
		width: 25%;
		width:15%;
		height:80px;
	}

	.container-9-text{
		font-size:2.5rem;
		max-width:100%;
		width:auto;
		width:100%;
	}

	.container-9-line-right{
		margin-top:-35px;
		width: 25%;
		width:15%;
		height:80px;
	}
}
/* container 9 END ------------------------------ */
/* container 10 START ------------------------------ */
.container-10{

}

.container-10-logo{
	display:flex;
	justify-content:center;
}

.container-10-logo>picture>img{
	width:175px;
	height:100px;
	margin-bottom: 10px;
}

@media(max-width:1024px){

}

@media(max-width:768px){

}
/* container 10 END ------------------------------ */

/* container 11 START ------------------------------ */
.container-11{
	max-width:1239px;
	padding:0 20px;
	margin:40px auto 0 auto;
	display:flex;
	align-items: center;
	justify-content:center;
}

@media(max-width:1307px){
	.container-11{
		/*max-width:calc(88% + 40px);*/
		padding: 0 26px;
		max-width:100%;
	}
}
@media(max-width:768px){
	.container-11{
		padding: 0 20px;
	}
}

.container-11-box {
    max-width: 1250px;
    margin: auto;
	display: flex;
    width: 100%;
    justify-content: center;
}

.container-11-line-left{
	border-top:2px solid #642245;
	border-left:2px solid #642245;
	width:calc(44% - 70px);
	height:50px;
}

.container-11-text{
	font-size:3.8rem;
	font-family:'Allura';
	margin-left:20px;
	margin-right:20px;
	color:#642245;
	position:relative;
	top:-25px;
	width:150px;
	text-align:center;
}
@media(max-width:768px){

	.container-11-text{
		font-size:3.2rem;
		margin-left:10px;
		margin-right:10px;
		top:-20px;
		width:240px;
	}
}

.container-11-line-right{
	border-top:2px solid #642245;
	border-right:2px solid #642245;
	height:50px;
	width:calc(44% - 70px);
}



@media(max-width:768px){


	.container-11-line-left{
		width:50%;
	}

	.container-11-line-right{
		width:50%;
	}
}
/* container 11 END ------------------------------ */
/* container 12 START ------------------------------ */
.container-12{
	margin:auto;
	padding:0 20px;
}

.container-12-box{
	max-width:1250px;
	margin:auto;
}

.container-12-box-inside{
	width:88%;
	border-left:2px solid #642245;
	border-right:2px solid #642245;
	margin:auto;
	padding:0 20px 30px 20px;
}

.container-12-box-inside h2{
	text-align:center;
	color:#2f2f2f;
	font-size:2.2rem;
	font-weight:500;
	margin:-10px 0 0 0;
}

.container-12-box-inside>a>p{
	text-align:center;
	color:#616161;
	font-size:1.6rem;
	font-weight:300;
	margin-top:5px;
}

.container-12-images{
	display:flex;
	margin-left:-50px;
	margin-right:-50px;
	margin-top:30px;
}

.container-12-image:first-child{
	margin-left:0;
}

.container-12-image:last-child{
	margin-right:0;
}

.container-12-image{
	width:23%;
	margin-left:1.333%;
	margin-right:1.333%;
}

.container-12-image>picture>img{
	width:100%;
	height:200px;
	object-fit:cover;
	-webkit-box-shadow: 0px 9px 26px -7px rgba(161,161,161,1);
	-moz-box-shadow: 0px 9px 26px -7px rgba(161,161,161,1);
	box-shadow: 0px 9px 26px -7px rgba(161,161,161,1);
	transition: all 0.2s ease-in-out;
}
.container-12-image>picture>img:hover{
	-webkit-box-shadow: 0px 11px 29px -7px rgba(161,161,161,1);
	-moz-box-shadow: 0px 11px 29px -7px rgba(161,161,161,1);
	box-shadow: 0px 11px 29px -7px rgba(161,161,161,1);
	transition: all 0.2s ease-in-out;
}

@media(max-width:1024px){
	.container-12-image:last-child{
		display:none;
	}

	.container-12-image{
		width:33%;
	}

	.container-12-image:nth-child(3){
		margin-right:0;
	}
}

@media(max-width:768px){
	.container-12-box{
		padding:0;
		margin:0;
	}

	.container-12-box-inside{
		width:calc(100% - 4px);
		padding:0;
		margin:0;
	}

	.container-12-images{
		margin-left:-20px;
		margin-right:-20px;
	}

	.container-12-image:nth-child(3){
		display:none;
	}

	.container-12-image:nth-child(2){
		margin-right:0;
	}

	.container-12-image{
		width:50%;
	}

}

@media(max-width:420px){
	.container-12-image{
		width:100%;
		margin:0;
	}

	.container-12-image:nth-child(2){
		display:none;
	}

}
/* container 12 END ------------------------------ */
/* container 13 START ------------------------------ */
.container-13{
	max-width:1250px;
	padding:0 20px;
	margin:-1px auto 40px auto;
	display:flex;
	align-items: center;
	justify-content:center;
}

.container-13-line-left{
	border-bottom:2px solid #642245;
	border-left:2px solid #642245;
	width:calc(44% - 330px);
	height:60px;
}

.container-13-columns{
	font-size:4rem;
	position:relative;
	top:30px;
	width:700px;
	display:flex;
	margin:0;
}

.container-13-column-left{
	width:50%;
	border:1px solid #4867AA;
	padding:10px 0;
	display:block;
	transition:0.3s;
}

.container-13-column-left:hover{
	background-color:#4867AA;
	color:white;
	transition:0.3s;
	border:1px solid #2a4787;
}

.container-13-column-left:hover>.container-13-column-left-subtitle{
	color:#c9c9c9;
	transition:0.3s;
}

.container-13-column-left-title{
	font-size:2rem;
	text-align:center;
	font-weight:500;
}
.container-13-column-left-subtitle{
	font-size:1.2rem;
	text-align:center;
	color:#616161;
}
.container-13-column-right{
	font-size:2.5rem;
	width:50%;
	text-align:center;
	color:white;
	background-color:#4867AA;
	display:flex;
	justify-content:center;
	align-items: center;
	font-weight:600;
	transition:0.3s;
	border:1px solid #4867AA;
}

.container-13-column-right:hover{
	background-color:#2a4787;
	transition:0.3s;

}

.container-13-line-right{
	border-bottom:2px solid #642245;
	border-right:2px solid #642245;
	height:60px;
	width:calc(44% - 330px);
}

@media(max-width:1024px){
	.container-13{
		margin-top:-20px;
	}

	.container-13-line-left{
		width:calc(44% - 70px);
		margin-left:calc(6% - 22px);
	}

	.container-13-columns{
		width:100%;
	}

	.container-13-line-right{
		width:calc(44% - 70px);
		margin-right:calc(6% - 22px);
	}

	.container-13-column-left-title{
		font-size:1.5rem;
	}

	.container-13-column-left-subtitle{
		font-size:1.3rem;
	}

	.container-13-column-right{
		font-size:2rem;
	}
}

@media(max-width:768px){
	.container-13{
		margin-top:0;
	}

	.container-13-line-left{
		margin-left:0;
		width:5%;
	}

	.container-13-line-right{
		margin-right:0;
		width:5%;
	}
}
@media(max-width:500px){
	.container-13{
		margin-top:-15px;
	}
	.container-13-line-left{
		height:90px;
	}

	.container-13-line-right{
		height:90px;
	}

	.container-13-column-left{
		font-size:2rem;
		width:100%;
	}

	.container-13-columns{
		flex-direction:column;
		top:42px;
	}

	.container-13-column-right{
		font-size:2rem;
		width:100%;
		height:50px;

	}
}
/* container 13 END ------------------------------ */

/* section align full START */

.section-full-width{
	min-height:100vh;
	width:100%;
	position:relative;
	box-sizing: border-box;
	padding-top:50px;
	display: flex;
	align-items: flex-end;
	margin-top:0px;
	margin-bottom:80px;
}

.section-cover{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.2);
}

.section-inside{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align:center;
}

.section-inside p{
	color: #fff;
	font-size:2.4rem;
	letter-spacing: 8px;
	margin: 0 auto;
	text-transform: uppercase;

}
@media(max-width:768px){
	.section-inside p{
		font-size:2rem;
		letter-spacing: 5px;
	}
}

.section-inside hr{
	margin: 30px auto 0px;
	width: 100px;
	border: 0px;
	height: 2px;
	background-color: #fff;
	background-color: #fff;
}
@media(max-width:768px){
	.section-inside hr{
		margin: 22px auto 0px;
	}
}



.section-inside h2, .section-inside .large-title{
	font-size:5rem;
	line-height: 8rem;
	font-weight: 600;
	margin: 16px 0px 8px 0;
}
@media(max-width:768px){
	.section-inside h2, .section-inside .large-title{
		font-size:3rem;
		line-height: 4.5rem;
	}
}

.section-inside a{
	color: #fff;
	font-size:2rem;
	border:1px solid #fff;
	display:inline-block;
	width:auto;
	padding:15px 28px;
	transition: 0.2s;
	border-radius: 8px;
	margin-top:40px;
	letter-spacing: 0.2px;

}
@media(max-width:768px){
	.section-inside a{
		font-size:1.8rem;
		padding: 10px 22px;
		line-height: 140%;
	}
}

.section-inside a:hover{
	background-color: #fff;
	color:black;
	transition: 0.2s;
	font-weight: 500;
}

/* section align full END */


/* section condensed text START */
.section-text{
	display: flex;
	flex-direction: column;
	text-align: center;
}
.section-text h2{
	font-size: 4.5rem;
	line-height: 5.5rem;
	margin: 16px 0px 28px 0;
}
@media(max-width:768px){
	.section-text h2{
		font-size: 2.5rem;
		line-height: 3.2rem;
	}
}
.section-text p{
	line-height: 4rem;
    font-size: 2.2rem;
	text-align: center;
    font-family: 'Playfair Display';
	margin: 10px auto 20px auto;
    max-width: 1000px;
}
@media(max-width:768px){
	.section-text p{
		line-height: 3rem;
    	font-size: 2rem;
		margin: 10px auto 12px auto;
	}
}
.section-text a.btn{
	color: #36006d;
	margin: auto;
	font-size: 2rem;
	border: 2px solid #36006d;
	display: inline-block;
	width: auto;
	padding: 15px 28px;
	transition: 0.2s;
	border-radius: 8px;
	margin-top: 40px;
	letter-spacing: 0.2px;
}
@media(max-width:768px){
	.section-text a.btn{
		line-height: 2.6rem;
    	font-size: 1.8rem;
		padding: 12px 22px;
	}
}

.section-text a.btn:hover{
	background-color: #36006d;
	color:#fff;
	transition:0.2s;
}
/* section condensed text END */

/* section text normal START */
.section-text-normal{
	display: flex;
	flex-direction: column;
	text-align: center;
}
.section-text-normal h2{
	font-size: 4.5rem;
	line-height: 5.5rem;
	margin: 16px 0px 28px 0;
}
@media(max-width:768px){
	.section-text-normal h2{
		font-size: 2.5rem;
		line-height: 3.2rem;
	}
}



/* section condensed text END */

/* =====================================================================
   Strona główna: Kompendium wiedzy o Rzeszowie + Turystyka w regionie
   (sekcja #kompendium-rzeszow w index.php, stan danych: październik 2026)
   Jednostki rem przeliczone pod html{font-size:10px}: 1.6rem = 16px
   ===================================================================== */
#kompendium-rzeszow{
  --bordo:#642245; --fiolet:#36006d; --lawenda:#f4e9ff; --zielen:#02D878;
  --ink:#22152b; --muted:#5d4f68; --line:#e4d5f3; --lawenda-2:#eadbfb;
  color:var(--ink); line-height:1.65; font-size:1.6rem; /* = 16px przy html{font-size:10px} */
}
#kompendium-rzeszow *,#kompendium-rzeszow *::before,#kompendium-rzeszow *::after{box-sizing:border-box}
#kompendium-rzeszow img{max-width:100%;display:block}
#kompendium-rzeszow a{color:var(--fiolet);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#kompendium-rzeszow svg a,#kompendium-rzeszow .rzk-toc a,#kompendium-rzeszow .rzk-tile,#kompendium-rzeszow .rzk-int a,#kompendium-rzeszow .rzk-btn{text-decoration:none}
#kompendium-rzeszow a:hover{color:var(--bordo)}
#kompendium-rzeszow a:focus-visible,#kompendium-rzeszow summary:focus-visible{outline:3px solid var(--zielen);outline-offset:3px;border-radius:4px}
#kompendium-rzeszow .rzk-wrap{max-width:1350px;margin:0 auto;padding:0 25px}
#kompendium-rzeszow p{margin:0 0 1em;max-width:100%}
#kompendium-rzeszow h2{font-size:clamp(2.56rem,3vw,3.6rem);line-height:1.15;margin:0 0 .6em;letter-spacing:-.01em;font-weight:800}
#kompendium-rzeszow h3{font-size:1.92rem;line-height:1.3;margin:1.4em 0 .5em;font-weight:700}
#kompendium-rzeszow .rzk-sec{padding:56px 0;border-top:1px solid var(--line)}
#kompendium-rzeszow .rzk-lead{font-size:1.728rem;color:var(--muted)}
#kompendium-rzeszow .rzk-src{font-size:1.312rem;color:var(--muted);margin-top:1em}

/* --- Nagłówek kompendium --- */
#kompendium-rzeszow .rzk-head{background:var(--fiolet);color:#fff;padding:64px 0 48px;position:relative;overflow:hidden}
#kompendium-rzeszow .rzk-head::after{content:"";position:absolute;right:-120px;top:-80px;width:420px;height:420px;border-radius:50%;background:var(--bordo);opacity:.55}
#kompendium-rzeszow .rzk-head .rzk-wrap{position:relative;z-index:1}
#kompendium-rzeszow .rzk-head h2{color:#fff;font-size:clamp(3.2rem,4.6vw,5.28rem);max-width:18ch;margin-bottom:.4em}
#kompendium-rzeszow .rzk-head p{color:#eadff5;font-size:1.76rem;max-width:62ch}
#kompendium-rzeszow .rzk-slogan{display:inline-block;background:var(--zielen);color:var(--fiolet);font-weight:800;padding:8px 16px;border-radius:999px;margin-bottom:22px}

/* --- Spis treści --- */
#kompendium-rzeszow .rzk-toc{background:var(--lawenda);padding:18px 0;border-bottom:1px solid var(--line)}
#kompendium-rzeszow .rzk-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#kompendium-rzeszow .rzk-toc a{display:inline-block;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--lawenda-2);text-decoration:none;font-weight:600;font-size:1.488rem}
#kompendium-rzeszow .rzk-toc a:hover{background:var(--fiolet);color:#fff;border-color:var(--fiolet)}

/* --- Karta miasta --- */
#kompendium-rzeszow .rzk-karta{display:grid;grid-template-columns:1.55fr 1fr;gap:36px;align-items:start}
#kompendium-rzeszow dl.rzk-dl{margin:0;border:1px solid var(--line);overflow:hidden}
#kompendium-rzeszow .rzk-dl div{display:grid;grid-template-columns:minmax(150px,34%) 1fr;gap:16px;padding:11px 16px}
#kompendium-rzeszow .rzk-dl div:nth-child(odd){background:var(--lawenda)}
#kompendium-rzeszow .rzk-dl dt{font-weight:700;color:var(--bordo)}
#kompendium-rzeszow .rzk-dl dd{margin:0}
#kompendium-rzeszow figure{margin:0}
#kompendium-rzeszow figure img{width:100%;object-fit:cover}
#kompendium-rzeszow figcaption{font-size:1.36rem;color:var(--muted);margin-top:8px}
#kompendium-rzeszow .rzk-karta figure img{aspect-ratio:4/5}

/* --- Położenie: odległości jako paski --- */
#kompendium-rzeszow .rzk-split{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}
#kompendium-rzeszow .rzk-dist{list-style:none;margin:0;padding:22px;background:var(--lawenda);}
#kompendium-rzeszow .rzk-dist li{margin:0 0 14px}
#kompendium-rzeszow .rzk-dist li:last-child{margin:0}
#kompendium-rzeszow .rzk-dist .rzk-row{display:flex;justify-content:space-between;gap:12px;font-size:1.52rem}
#kompendium-rzeszow .rzk-dist strong{color:var(--fiolet)}
#kompendium-rzeszow .rzk-bar{height:8px;border-radius:999px;background:#fff;margin-top:5px;overflow:hidden}
#kompendium-rzeszow .rzk-bar span{display:block;height:100%;background:var(--bordo);border-radius:999px}
#kompendium-rzeszow .rzk-split figure img{aspect-ratio:16/10;margin-top:22px}

/* --- Historia: oś czasu jak meander Wisłoka --- */
#kompendium-rzeszow .rzk-time{list-style:none;margin:28px 0 0;padding:0 0 0 46px;position:relative}
#kompendium-rzeszow .rzk-time::before{content:"";position:absolute;left:8px;top:0;bottom:0;width:24px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='80' viewBox='0 0 24 80'%3E%3Cpath d='M12 0 C 24 20, 0 20, 12 40 C 24 60, 0 60, 12 80' fill='none' stroke='%2302D878' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:repeat-y;background-size:24px 80px}
#kompendium-rzeszow .rzk-time li{position:relative;margin:0 0 22px;max-width:72ch}
#kompendium-rzeszow .rzk-time li::before{content:"";position:absolute;left:-44px;top:6px;width:16px;height:16px;border-radius:50%;background:var(--fiolet);border:3px solid #fff;box-shadow:0 0 0 2px var(--fiolet)}
#kompendium-rzeszow .rzk-year{display:block;font-weight:800;color:var(--fiolet);font-size:1.68rem;font-variant-numeric:tabular-nums}
#kompendium-rzeszow .rzk-hist-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:10px}
#kompendium-rzeszow .rzk-hist-photos img{aspect-ratio:3/2}

/* --- Osiedla --- */
#kompendium-rzeszow .rzk-chips{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#kompendium-rzeszow .rzk-chips li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:1.488rem}
#kompendium-rzeszow .rzk-chips small{color:var(--bordo);font-weight:700;margin-left:6px}

/* --- Bloki informacyjne --- */
#kompendium-rzeszow .rzk-grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}
#kompendium-rzeszow .rzk-box{background:var(--lawenda);border-left:5px solid var(--zielen);padding:20px 22px}
#kompendium-rzeszow .rzk-box h3{margin-top:0}
#kompendium-rzeszow .rzk-box p:last-child{margin-bottom:0}
#kompendium-rzeszow .rzk-box ul{margin:0;padding-left:1.1em}
#kompendium-rzeszow .rzk-box li{margin-bottom:.35em}

/* --- Zabytki: mozaika --- */
#kompendium-rzeszow .rzk-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:12px;margin-top:22px}
#kompendium-rzeszow .rzk-tile{position:relative;display:block;border-radius:0;overflow:hidden;text-decoration:none;color:#fff}
#kompendium-rzeszow .rzk-tile img{width:100%;height:100%;object-fit:cover;border-radius:0}
#kompendium-rzeszow .rzk-tile span{position:absolute;inset:auto 0 0 0;padding:40px 16px 14px;background:linear-gradient(to top,rgba(54,0,109,.92),rgba(54,0,109,0));font-weight:700;line-height:1.3}
#kompendium-rzeszow .rzk-tile span small{display:block;font-weight:400;font-size:1.36rem;opacity:.9}
#kompendium-rzeszow .rzk-tile:hover span{text-decoration:underline}
#kompendium-rzeszow .rzk-tile.big{grid-column:span 2;grid-row:span 2}
#kompendium-rzeszow .rzk-tile.wide{grid-column:span 2}

/* --- Zieleń --- */
#kompendium-rzeszow .rzk-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
#kompendium-rzeszow .rzk-strip img{aspect-ratio:4/3}

/* --- Listy pomocnicze --- */
#kompendium-rzeszow .rzk-facts{list-style:none;padding:0;margin:0;columns:2;column-gap:36px}
#kompendium-rzeszow .rzk-facts li{break-inside:avoid;padding-left:22px;position:relative;margin-bottom:12px}
#kompendium-rzeszow .rzk-facts li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:2px;background:var(--zielen);transform:rotate(45deg)}
#kompendium-rzeszow table.rzk-tab{width:100%;border-collapse:collapse;margin-top:12px;font-size:1.536rem}
#kompendium-rzeszow .rzk-tab th,#kompendium-rzeszow .rzk-tab td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
#kompendium-rzeszow .rzk-tab th{color:var(--bordo);width:32%}
#kompendium-rzeszow .rzk-scroll{overflow-x:auto}

/* --- Turystyka w regionie --- */
#kompendium-rzeszow .rzk-tur-head{background:var(--bordo);color:#fff;padding:56px 0 44px;border-top:1px solid var(--line)}
#kompendium-rzeszow .rzk-tur-head h2{color:#fff;font-size:clamp(2.88rem,3.8vw,4.32rem);max-width:22ch}
#kompendium-rzeszow .rzk-tur-head p{color:#f5e6ee;font-size:1.696rem;max-width:66ch}
#kompendium-rzeszow .rzk-tur-body{padding:44px 0 56px}
#kompendium-rzeszow .rzk-radar-wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:start}
#kompendium-rzeszow .rzk-radar{padding:10px 10px 14px}
#kompendium-rzeszow .rzk-radar svg{width:100%;height:auto;display:block}
#kompendium-rzeszow .rzk-radar svg a:hover text,#kompendium-rzeszow .rzk-radar svg a:focus text{text-decoration:underline}
#kompendium-rzeszow .rzk-radar svg a:focus-visible{outline:3px solid var(--zielen)}
#kompendium-rzeszow .rzk-legend{list-style:none;display:flex;flex-wrap:wrap;gap:6px 16px;margin:8px 8px 0;padding:0;font-size:1.408rem}
#kompendium-rzeszow .rzk-legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:6px;vertical-align:-1px}
#kompendium-rzeszow .rzk-num{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);overflow:hidden}
#kompendium-rzeszow .rzk-num li{background:#fff;padding:14px 16px}
#kompendium-rzeszow .rzk-num b{display:block;color:var(--bordo);font-size:2rem;line-height:1.2;font-variant-numeric:tabular-nums}
#kompendium-rzeszow .rzk-num span{font-size:1.408rem;color:var(--muted)}
#kompendium-rzeszow .rzk-num li.full{grid-column:1/-1}
/* zakładki regionów */
#kompendium-rzeszow .rzk-tablist{display:none;flex-wrap:wrap;gap:4px;border-bottom:2px solid var(--line);margin-top:44px}
#kompendium-rzeszow .rzk-tabs.is-ready .rzk-tablist{display:flex}
#kompendium-rzeszow .rzk-tab-btn{appearance:none;background:none;border:0;border-bottom:4px solid transparent;margin-bottom:-2px;font:inherit;font-weight:700;color:var(--muted);padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:8px}
#kompendium-rzeszow .rzk-tab-btn::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
#kompendium-rzeszow .rzk-tab-btn[aria-selected="true"]{color:#000000;border-bottom-color:var(--c)}
#kompendium-rzeszow .rzk-tab-btn:hover{color:var(--ink)}
#kompendium-rzeszow .rzk-tab-btn:focus-visible{outline:3px solid var(--zielen);outline-offset:-3px}
#kompendium-rzeszow .rzk-panel{display:grid;grid-template-columns:1fr 1.35fr;gap:32px;padding:30px 0;border-top:1px solid var(--line)}
#kompendium-rzeszow .rzk-tabs.is-ready .rzk-panel{border-top:0}
#kompendium-rzeszow .rzk-panel[hidden]{display:none}
#kompendium-rzeszow .rzk-panel figure img{aspect-ratio:4/3}
#kompendium-rzeszow .rzk-panel h3{margin-top:0;font-size:2.4rem;color:var(--ink);border-left:6px solid var(--c);padding-left:12px}
#kompendium-rzeszow .rzk-meta{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
#kompendium-rzeszow .rzk-meta li{background:var(--lawenda);border-radius:999px;padding:5px 12px;font-size:1.408rem}
#kompendium-rzeszow .rzk-meta b{color:var(--fiolet)}
#kompendium-rzeszow .rzk-must{margin:0 0 18px;padding:0;list-style:none}
#kompendium-rzeszow .rzk-must li{padding:8px 0 8px 26px;border-bottom:1px dashed var(--line);position:relative}
#kompendium-rzeszow .rzk-must li::before{content:"";position:absolute;left:4px;top:15px;width:10px;height:10px;border-radius:50%;border:3px solid var(--c);background:#fff}
#kompendium-rzeszow .rzk-btn{display:inline-block;background:var(--fiolet);color:#fff;padding:10px 20px;border-radius:999px;text-decoration:none;font-weight:700;margin:4px 12px 8px 0}
#kompendium-rzeszow .rzk-btn:hover{background:var(--bordo);color:#fff}
#kompendium-rzeszow .rzk-more{font-size:1.472rem;color:var(--muted)}
/* atrakcje według zainteresowań */
#kompendium-rzeszow .rzk-int{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
#kompendium-rzeszow .rzk-int a{display:block;padding:14px 16px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:#fff}
#kompendium-rzeszow .rzk-int a:hover{border-color:var(--fiolet);background:var(--lawenda);color:var(--ink)}
#kompendium-rzeszow .rzk-int strong{display:block;color:var(--fiolet)}
#kompendium-rzeszow .rzk-int small{color:var(--muted);font-size:1.376rem}
/* miasta na jednodniowy wypad */
#kompendium-rzeszow .rzk-cities{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px}
#kompendium-rzeszow .rzk-cities li{padding:12px 0;border-bottom:1px solid var(--line)}
#kompendium-rzeszow .rzk-cities .rzk-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
#kompendium-rzeszow .rzk-cities a{font-weight:700}
#kompendium-rzeszow .rzk-cities em{font-style:normal;font-size:1.36rem;color:var(--bordo);white-space:nowrap;font-weight:600}
#kompendium-rzeszow .rzk-cities p{margin:2px 0 0;font-size:1.44rem;color:var(--muted)}

/* --- FAQ --- */
#kompendium-rzeszow details{border-bottom:1px solid var(--line);padding:4px 0}
#kompendium-rzeszow summary{cursor:pointer;list-style:none;font-weight:700;color:var(--fiolet);padding:14px 36px 14px 0;position:relative}
#kompendium-rzeszow summary::-webkit-details-marker{display:none}
#kompendium-rzeszow summary::after{content:"+";position:absolute;right:6px;top:8px;font-size:2.56rem;color:var(--bordo);font-weight:400}
#kompendium-rzeszow details[open] summary::after{content:"–"}
#kompendium-rzeszow details p{margin:0 0 16px}

@media (max-width:900px){
  #kompendium-rzeszow .rzk-mosaic{grid-template-columns:repeat(2,1fr)}
  #kompendium-rzeszow .rzk-int{grid-template-columns:repeat(2,1fr)}
  #kompendium-rzeszow .rzk-cities{grid-template-columns:repeat(2,1fr)}
  #kompendium-rzeszow .rzk-radar-wrap{grid-template-columns:1fr}
}
@media (max-width:760px){
  #kompendium-rzeszow .rzk-karta,#kompendium-rzeszow .rzk-split,#kompendium-rzeszow .rzk-grid2,#kompendium-rzeszow .rzk-strip,#kompendium-rzeszow .rzk-hist-photos{grid-template-columns:1fr}
  #kompendium-rzeszow .rzk-dl div{grid-template-columns:1fr;gap:2px}
  #kompendium-rzeszow .rzk-facts{columns:1}
  #kompendium-rzeszow .rzk-mosaic{grid-auto-rows:170px}
  #kompendium-rzeszow .rzk-tile.big{grid-row:span 1}
  #kompendium-rzeszow .rzk-panel{grid-template-columns:1fr;gap:18px}
  #kompendium-rzeszow .rzk-cities{grid-template-columns:1fr}
  #kompendium-rzeszow .rzk-tab-btn{padding:10px 12px;font-size:1.488rem}
  #kompendium-rzeszow .rzk-sec{padding:40px 0}
  #kompendium-rzeszow .rzk-wrap{padding:0 10px}
}
@media (max-width:480px){
  #kompendium-rzeszow .rzk-int{grid-template-columns:1fr}
}


.section-kalendarz{
	display:flex; 
	justify-content: space-between; 
	gap:40px;
}

.section-kalendarz .col-left{
	width: 60%;
}

.section-kalendarz .col-right{
	width: 35%;
}

#kompendium-rzeszow  .section-kalendarz a {
	color: #FFF;
}

@media (max-width:1000px){
	.section-kalendarz{
		flex-direction: column;
	}
	.section-kalendarz .col-left, .section-kalendarz .col-right{
		width:100%;
	}
}