@media (min-width: 1500px){
:root {
--space-stand: 25px;
--add-1-links-height: 75px;
--margin-add: 200px;
}
.add-1 {
--par-1: 1fr / 1fr 2.5fr;
--par-2: auto / 1fr;
--par-3: 20px;
--par-4: 60%;
--par-5: 1 / 1 / 2 / 2;
--par-6: 1 / 2 / 2 / 3;
}
.add-2 {
--par-1: 1fr / 1fr 2.5fr;
--par-2: auto / 1fr;
--par-3: 1 / 1 / 2 / 2;
--par-4: 4px;
--par-5: 1 / 2 / 2 / 3;
--par-6: 2px;
--par-7: auto / 1fr 1fr;
--par-8: justify;
--par-9: auto / 0fr 1fr 0.3fr;
--par-10: left;
--par-11: 0 calc(var(--space-stand) * 2) 0 0;
--par-12: 0px;
--par-13: left;
}
.add-3 {
--par-1: 70px;
}
}

@media (min-width: 1200px) and (max-width: 1499px){
:root {
--space-stand: 20px;
--add-1-links-height: 70px;
--margin-add: 0px;
}
.add-1 {
--par-1: 1fr / 1fr 2fr;
--par-2: auto / 1fr;
--par-3: 20px;
--par-4: 60%;
--par-5: 1 / 1 / 2 / 2;
--par-6: 1 / 2 / 2 / 3;
}
.add-2 {
--par-1: 1fr / 1fr 2fr;
--par-2: auto / 1fr;
--par-3: 1 / 1 / 2 / 2;
--par-4: 4px;
--par-5: 1 / 2 / 2 / 3;
--par-6: 2px;
--par-7: auto / 1fr 1fr;
--par-8: justify;
--par-9: auto / 0fr 1fr 0.3fr;
--par-10: left;
--par-11: 0 calc(var(--space-stand) * 2) 0 0;
--par-12: 0px;
--par-13: left;
}
.add-3 {
--par-1: 70px;
}
}

@media (min-width: 992px) and (max-width: 1199px){
:root {
--space-stand: 10px;
--add-1-links-height: 65px;
--margin-add: 0px;
}
.add-1 {
--par-1: 1fr / 1fr 2fr;
--par-2: auto / 1fr;
--par-3: 18px;
--par-4: 60%;
--par-5: 1 / 1 / 2 / 2;
--par-6: 1 / 2 / 2 / 3;
}
.add-2 {
--par-1: 1fr / 1fr 2fr;
--par-2: auto / 1fr;
--par-3: 1 / 1 / 2 / 2;
--par-4: 4px;
--par-5: 1 / 2 / 2 / 3;
--par-6: 2px;
--par-7: auto / 1fr 1fr;
--par-8: justify;
--par-9: auto / 0fr 1fr 0.2fr;
--par-10: left;
--par-11: 0 calc(var(--space-stand) * 2) 0 0;
--par-12: 0px;
--par-13: left;
}
.add-3 {
--par-1: 70px;
}
}

@media (min-width: 768px) and (max-width: 991px){
:root {
--space-stand: 15px;
--add-1-links-height: 70px;
--margin-add: 0px;
}
.add-1 {
--par-1: auto auto / 1fr;
--par-2: auto / 1fr 1fr;
--par-3: 18px;
--par-4: 60%;
--par-5: 2 / 1 / 3 / 2;
--par-6: 1 / 1 / 2 / 2;
}
.add-2 {
--par-1: auto auto / 1fr;
--par-2: auto / 1fr 1fr;
--par-3: 2 / 1 / 3 / 2;
--par-4: 4px;
--par-5: 1 / 1 / 2 / 2;
--par-6: 2px;
--par-7: auto / 1fr 1fr;
--par-8: justify;
--par-9: auto / 0.2fr 1fr 0.2fr;
--par-10: center;
--par-11: 0 calc(var(--space-stand) * 2) 0 calc(var(--space-stand) * 2);
--par-12: calc(var(--space-stand) * 1.5);
--par-13: left;
}
.add-3 {
--par-1: 70px;
}
}

@media (min-width: 576px) and (max-width: 767px){
:root {
--space-stand: 10px;
--add-1-links-height: 65px;
--margin-add: 0px;
}
.add-1 {
--par-1: auto auto / 1fr;
--par-2: auto / 1fr 1fr;
--par-3: 18px;
--par-4: 60%;
--par-5: 2 / 1 / 3 / 2;
--par-6: 1 / 1 / 2 / 2;
}
.add-2 {
--par-1: auto auto / 1fr;
--par-2: auto / 1fr 1fr;
--par-3: 2 / 1 / 3 / 2;
--par-4: 3px;
--par-5: 1 / 1 / 2 / 2;
--par-6: 2px;
--par-7: auto / 1fr 1fr;
--par-8: center;
--par-9: auto / 0.2fr 1fr 0.2fr;
--par-10: center;
--par-11: 0 calc(var(--space-stand) * 2) 0 calc(var(--space-stand) * 2);
--par-12: calc(var(--space-stand) * 1.5);
--par-13: left;
}
.add-3 {
--par-1: 70px;
}
}

@media (max-width: 575px){
:root {
--space-stand: 20px;
--add-1-links-height: 65px;
--margin-add: 0px;
}
.add-1 {
--par-1: auto auto / 1fr;
--par-2: auto / 1fr;
--par-3: 18px;
--par-4: 60%;
--par-5: 2 / 1 / 3 / 2;
--par-6: 1 / 1 / 2 / 2;
}
.add-2 {
--par-1: auto auto / 1fr;
--par-2: auto / 1fr;
--par-3: 2 / 1 / 3 / 2;
--par-4: 3px;
--par-5: 1 / 1 / 2 / 2;
--par-6: 2px;
--par-7: auto / 1fr;
--par-8: center;
--par-9: auto / 0.1fr 1fr 0.1fr;
--par-10: center;
--par-11: 0 calc(var(--space-stand) * 2) 0 calc(var(--space-stand) * 2);
--par-12: calc(var(--space-stand) * 1.5);
--par-13: center;
}
.add-3 {
--par-1: 60px;
}
}


.margin-add {
	margin: 0 var(--margin-add) 0 var(--margin-add);
}


main.main .add-1 {
	margin-bottom: var(--space-stand);
}
main.main .add-1 .grid {
	display: grid;
	grid-template: var(--par-1);
	gap: var(--space-stand);
	place-items: stretch stretch;
}
main.main .add-1 .links {
	display: grid;
	grid-template: var(--par-2);
	gap: 4px;
	place-items: stretch stretch;
	place-self: start stretch;
	grid-area: var(--par-5);
}
main.main .add-1 .slides {
	grid-area: var(--par-6);
}
main.main .add-1 .links > * {
	display: grid;
	grid-template: calc(var(--add-1-links-height) - 2px) / 1fr var(--par-3);
	gap: var(--space-stand);
	place-items: center start;
	border: solid 1px var(--color-4);
	background-color: var(--color-2);
	padding: 0 var(--space-stand) 0 calc(var(--space-stand) * 2);
	transition: background-color var(--transition-duration) var(--transition-timing) 0s;
}
main.main .add-1 .links > * > p {
	color: var(--color-1);
	margin-bottom: 0;
	font-weight: 300;
	text-align: left;
	line-height: 130%;
	transition: color var(--transition-duration) var(--transition-timing) 0s;
}
main.main .add-1 .arrow {
	display: grid;
	grid-template: var(--par-3) / var(--par-3);
	place-items: center center;
	border: solid 1px var(--color-4);
	border-radius: 100%;
	background-color: var(--color-2);
	transition: transform var(--transition-duration) var(--transition-timing) 0s;
}
main.main .add-1 .arrow > img {
	width: var(--par-4);
}
main.main .add-1 .links > a:hover {
	background-color: var(--color-4);
}
main.main .add-1 .links > a:hover > p {
	color: var(--color-2);
}
main.main .add-1 .links > a:hover > .arrow {
	transform: translateX(calc(var(--space-stand) / 2));
}



main.main .add-2 .grid {
	display: grid;
	grid-template: var(--par-1);
	gap: var(--space-stand);
	place-items: stretch stretch;
	padding-bottom: calc(var(--space-stand) * 2);
	border-bottom: solid 1px var(--color-11);
}
main.main .add-2 .in-short {
	display: grid;
	grid-template: var(--par-2);
	gap: calc(var(--space-stand) / 2);
	place-items: stretch stretch;
	grid-area: var(--par-3);
	align-content: space-between;
	margin-top: var(--par-12);
}
main.main .add-2 .in-short > * {
	background-color: var(--color-8);
	padding: var(--space-stand);
}
main.main .add-2 .in-short > * > h4 {
	text-align: var(--par-13);
}
main.main .add-2 .in-short > * > p {
	font-size: calc(var(--stand-font-size) - var(--par-4));
	text-align: var(--par-13);
}
main.main .add-2 .in-short > * > .button {
	font-size: calc(var(--button-font-size) - var(--par-4) + 1px);
	margin-top: 1em;
	text-align: var(--par-13);
}
main.main .add-2 .content {
	display: grid;
	grid-template: auto / 1fr;
	gap: calc(var(--space-stand) * 2);
	place-items: start stretch;
	grid-area: var(--par-5);
	align-content: space-between;
}
main.main .add-2 .content > article .caption {
	margin: calc(var(--space-stand) * 1.5) 0 calc(var(--space-stand) * 2) 0;
	display: grid;
	grid-template: var(--par-9);
	column-gap: 0px;
	place-items: center stretch;
}
main.main .add-2 .content > article .caption h1 {
	margin: var(--par-11);
	text-align: var(--par-10);
}
main.main .add-2 .content > article .caption div {
	background-color: var(--color-4);
	line-height: 0;
	height: 3px;
}
main.main .add-2 .content > article p {
	text-align: var(--par-8);
}
main.main .add-2 .content > section {
	place-self: end stretch;
	border-top: solid 1px var(--color-11);
}
main.main .add-2 .content > section > h4 {
	font-weight: 300;
	margin: calc(var(--space-stand) * 1.5) 0 calc(var(--space-stand) * 1.5) 0;
	text-align: var(--par-10);
}
main.main .add-2 .events {
--aspect-ratio: 65%;
	display: grid;
	grid-template: var(--par-7);
	place-items: start stretch;
	gap: calc(var(--space-stand) * 2);
}
main.main .add-2 .events > * > h4 {
	text-align: var(--par-13);
}
main.main .add-2 .events > * > p {
	font-size: calc(var(--stand-font-size) - var(--par-6));
	text-align: var(--par-13);
}
main.main .add-2 .events a {
	color: var(--color-4) !important;
	transition: color var(--transition-duration) var(--transition-timing) 0s;
	text-decoration: none !important;
}
main.main .add-2 .events a:hover {
	color: var(--color-3) !important;
}


main.main .add-3 h4 {
	font-weight: 300;
}
main.main .add-3 .slider-ele {
	grid-template: 1fr / 1fr;
	place-items: center center;
}
main.main .add-3 .slider-ele:not([id*="clone"]) {
	display: grid;
}
main.main .add-3 img {
	max-height: var(--par-1);
	filter: grayscale(100%);
	transition: filter var(--transition-duration) var(--transition-timing) 0s;
}
main.main .add-3 a:hover img {
	filter: grayscale(0%);
}


main.main .subpage-menu {
--aspect-ratio: 75%;
}
main.main .subpage-menu.ar1 {
--aspect-ratio: 35.3%;
}
main.main .subpage-menu .content-stand > * {
	text-align: center;
}
main.main .subpage-menu a {
	text-decoration: none !important;
}
main.main .subpage-menu .grid {
	display: grid;
	grid-template: 1fr / repeat(auto-fit, calc((var(--grid-container-width) - ((var(--par-1) - 1) * var(--par-2))) / var(--par-1)));
	justify-content: center;
	place-items: stretch center;
	column-gap: var(--par-2);
	row-gap: calc(var(--par-2) * 1.25);
}
main.main .subpage-menu .grid > * {
	width: calc((var(--grid-container-width) - ((var(--par-1) - 1) * var(--par-2))) / var(--par-1));
}
main.main .subpage-menu .grid h5 {
	font-family: var(--font-family1);
	line-height: 120%;
	color: var(--color-12);
	transition: color var(--transition-duration) var(--transition-timing) 0s;
	padding: 0 1em 0 1em;
}
main.main .subpage-menu .grid p {
	font-size: calc(var(--stand-font-size) - 2px);
}
main.main .subpage-menu .photo {
	background-color: var(--color-8);
}
main.main .subpage-menu .photo > img {
	transition: transform var(--transition-duration) var(--transition-timing) 0s;
}
main.main .subpage-menu .text {
	padding-top: var(--par-3);
}
main.main .subpage-menu .grid > *:hover .photo > img {
	transform: scale(1.1);
}
main.main .subpage-menu .grid > *:hover .text > h5 {
	color: var(--color-3);
}
@media (max-width: 575px){
main.main .subpage-menu .content-stand > * {
	text-align: center;
}
main.main .subpage-menu .grid > * {
	width: 90%;
}
}
/*
.photo-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 10px; 
}

.photo-item {
    width: 100%; 
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.photo-item img {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    width: auto; 
    height: 300px; 
    transform: translate(-50%, -50%); 
    object-fit: cover; 
}
*/
.med {width: 50px;}
.fl {
    display: flex;
    flex-wrap: wrap;
}
.it {
    flex: 1 1 50%; /* Rozciąga każdy div, aby zajął 50% szerokości kontenera */
    box-sizing: border-box;
    padding: 10px; /* Dodaje padding wewnątrz divów */
}
.medale img {max-width: 60px}