body{
margin:0px;
}

.padding-siteedges-space-around{ /* działa super! */
	--wspolczynnikdrugi:calc(calc(11 / 6) * var(--col-gap));
	--dalwsp:calc(var(--wspolczynnikdrugi) - var(--col-gap));
	--wczesno-podstawowy-width: 1240px;
	/* podstawowa szerokość treści */
	--podstawowy-width: calc(var(--wczesno-podstawowy-width) - calc(var(--col-gap) / 100% * var(--wczesno-podstawowy-width)));
	/* ile odjąć od bazowej szerokości zależnie od --col-gap (np. 10%) */
	--wspolczynnik: calc(var(--podstawowy-width) * (var(--col-gap) / 100%));
	--total-width: calc(var(--podstawowy-width) - var(--wspolczynnik));

	padding-right: max(calc(var(--dalwsp) / 2), calc((100% - var(--total-width)) / 2));
	padding-left:  max(calc(var(--dalwsp) / 2), calc((100% - var(--total-width)) / 2));
}


.padding-siteedges-space-evenly{ /* dziala super! */
	--wspolczynnikdrugi:calc(calc(11 / 6) * var(--col-gap));
	--dalwsp:calc(var(--wspolczynnikdrugi) - var(--col-gap));
	/* podstawowa szerokość treści */
	--podstawowy-width: 1240px;
	/* ile odjąć od bazowej szerokości zależnie od --col-gap (np. 10%) */
	--wspolczynnik: calc(var(--podstawowy-width) * (var(--col-gap) / 100%));
	--total-width: calc(var(--podstawowy-width) - var(--wspolczynnik));

	padding-right: max(var(--dalwsp), calc((100% - var(--total-width)) / 2));
	padding-left:  max(var(--dalwsp), calc((100% - var(--total-width)) / 2));
}

.padding-siteedges-space-between{ /* dziala super! */
	--total-width:1200px;
	--half-width:calc(var(--total-width) / 2);
    padding-right: calc(max(60px, calc(50% - var(--half-width))));
    padding-left: calc(max(60px, calc(50% - var(--half-width))));
}

.padding-y-like-gap{
padding-top:var(--col-gap);
padding-bottom:var(--col-gap);
}

.pad-y-const{
padding-top:30px;
padding-bottom:30px;
}

.row{
		box-sizing: border-box;
		display: flex;
		column-gap:var(--col-gap, 0px);
		row-gap:var(--row-gap, 15px);
        flex-wrap: wrap;
        --row-cols: var(--cols, 1);
        --row-col-gap: var(--col-gap, 0px);
}

.col {
	box-sizing: border-box;
	margin:0px;
    --col-dt: initial;
    --col-span: var(--col-dt, 1);

	flex-basis: calc(
		calc((100% * calc(var(--col-span, 1) / var(--row-cols, var(--cols, 1))) - var(--row-col-gap, 0px))) + 
		calc(calc(var(--col-span, 1) / var(--row-cols, var(--cols, 1))) * var(--row-col-gap, 0px))
	)
	;
}

.col.row {
    --row-cols: inherit;
    --row-col-gap: inherit;
}

.col.row > .col {
    --row-cols: var(--cols, 1);
    --row-col-gap: var(--col-gap, 0px);
    --col-span: var(--col-dt, var(--row-cols, 1));
}


.item{
    box-sizing: border-box;
}


.col > img {
max-width: 100%;
}

.col-130px {
	flex-basis: 130px;
}

.col-rest {
	flex: 1;
	min-width:min-content;
}
.col-h20px{
	height:20px;
}

.dt-gaps-center {
	justify-content: center; /* sposob wyswieltania przerw w kolumnach z kolumnami */
}

.center-vertically {
    align-items: center; /* rozciaga na wysokosc */
}

.stretch-vertically {
	align-items: stretch; /* rozciaga na wysokosc */
}

.self-stretch-vertically {
	align-self:stretch; /* wyrownanie kolumny wzgledem wysokosci */
}

.self-stretch-center {
	align-self:center; /* wyrownanie kolumny wzgledem wysokosci */
}

.align-content-start {
    align-content: flex-start; /* wyrówanie w kolumnach na wysokość w górnym kierunku */
}

.self-align-start {
    align-self: flex-start; /* wyrównanie kolumny na wysokość w górnym kierunku */
}

.align-content-center{
		align-content: center; /* wyrówanie elementow po wysokosci na srodku */
	}

.nr {
    background-repeat: no-repeat;
}

.pxcyc{
    background-position: center center;
}

.sc {
    background-size: cover;
}

.af {
    background-attachment: fixed;
}