/************************************************ Powrót **************************************************/
#lista_powrot {
	padding: 0.5rem;
	margin-top: 0.5rem;
	margin-bottom: 0;
	background-image: linear-gradient(to right, #eee, #fff);
	box-sizing: border-box;
}

#lista_powrot img {
	height: 1.4rem;
	margin-right: 0.5rem;
	vertical-align: bottom;
}

/************************************************ Strona **************************************************/
.div_strona {
	margin: 2rem auto 1rem;
	padding: 0 1.5rem;
	max-width: var(--pagewidth);
	box-sizing: border-box;
}

.szeroki_header {
	text-transform: uppercase;
	letter-spacing: 0.2rem;
	color: var(--maincolor);
}

.szary_druk {
    color: #333;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    align-self: center;
}

@media screen and (min-width: 901px) {
	.tlo_alfa {
		padding: 0.25rem 1rem;
		box-shadow: 0 0 0.5rem #ccc;
		background-color: rgba(255, 255, 255, 0.9);
		box-sizing: border-box;
	}
}

/************************************************ Tytuł strony **************************************************/
.tytul_strony {
	color: var(--maincolor);
	text-transform: uppercase;
	font-size: 2.75rem;
	letter-spacing: 0.1rem;
	text-align: center;
	border-bottom: 2px solid var(--maincolor);
}
	
@media screen and (max-width: 900px) {
	.tytul_strony {
		font-size: 1.75rem;
	}
}

.podtytul_strony {
	color: #333;
	font-size: 1.25rem;
	letter-spacing: 0.05rem;
	margin: 1rem auto -1rem;
}

/************************************************ Tlo **************************************************/
.tlo_strona1 {
	background-image: url('/images/backgrounds/background-01.jpg');
	--wys: 40rem;
}

.tlo_strona2 {
	background-image: url('/images/backgrounds/background-02.jpg');
	--wys: 40rem;
	background-position-x: right;
}

.tlo_strona3 {
	background-image: url('/images/backgrounds/background-03.jpg');
	--wys: 40rem;
}

[class*="tlo_strona"] {
	min-height: var(--wys);
	background-size: auto var(--wys);
	background-repeat: no-repeat;
	box-sizing: border-box;
	background-position-y: top;
}

@media screen and (max-width: 1280px) {
	[class*="tlo_strona"] {
		min-height: 0;
		background-image: none;
	}
}

.tlo_obrazek1 {
	--wys: 40rem;
	--obrazek: url('/images/backgrounds/1.jpg');
}

.tlo_obrazek2 {
	--wys: 40rem;
	--obrazek: url('/images/backgrounds/2.jpg');
}

[class*="tlo_obrazek"] {
	padding: 1rem 0;
	min-height: var(--wys);

	background:
	linear-gradient(
		rgba(255, 255, 255, 1), 
		rgba(255, 255, 255, 0) var(--wys)
	  ),
	var(--obrazek);

	background-position: center top;
	background-size: 110% auto;
	/* background-size: cover; */
	background-repeat: no-repeat;
}

@media screen and (max-width: 900px) {
	[class*="tlo_obrazek"] {
		background-size: auto 100%;
	}
}