/* Style główne */

body {
	font-family: 'Roboto Slab', serif;
	margin: 0px;
}

/* ----------------------------------- */
/*           Phone Plans Home          */
/* ----------------------------------- */

/*             przykład                */

div.example {
  background-color: lightgrey;
  padding: 20px;
}

@media screen and (min-width: 600px) {
  div.example {
	font-size: 80px;
  }

}

@media screen and (max-width: 600px) {
  div.example {
	font-size: 30px;
  }
}

/*          koniec przykładu           */

div.index{
	display: grid;
	color: black;
	font-size: 1.5em;
	
	/*justify-content: center;
	align-content: center; */
	
	background-color: #F0F8FF;
}

div.index_obraz_z_podpisem{
	display:grid;
	grid-template-rows: auto auto;
	justify-content: center;
	text-align: center;
	padding: 40px;
}

div.informacja_o_orientacji_poziomej{
	display: grid;
	justify-content: center;
}

div.informacja_o_orientacji_pionowej{
	display: grid;
	justify-content: center;
}






div.strona{
	display: grid;
	color: black;
	font-size: 1.2em;
	padding: 20px;
	
	justify-content: center;
	align-content: center;	
	background-color: #F0F8FF;
	
}


div.naglowek{
	display: flex;
	justify-content: space-between;
	padding-bottom: 20px;
	
}






@media only screen and (orientation: portrait) {
	div.index{
		grid-template: auto auto / auto;
		
		
	}
	
	div.informacja_o_orientacji_poziomej{
		display: none;
	}
	

	
}


@media only screen and (orientation: landscape) {
	div.index{
		grid-template: auto/ auto auto;

	}
	
	div.informacja_o_orientacji_pionowej{
		display: none;
	}
	
}













.pph_strona_glowna{
	display: grid;
	grid-template-columns: 1fr;
}


.pph_tekst{
	display: grid;
	grid-template-columns: 1fr;
	color: black;
	font-size: 1.2em;
	
	padding-left: 20px;
	padding-right: 20px;
}


.pph_film{
	display: flex;
	justify-content: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.punktator_0_liczby{
	padding-left: 30px;
	list-style-type: decimal;
}


.punktator_0{
	padding-left: 30px;
	list-style-type: disc;
}

.punktator_1{
	padding-left: 20px;
	list-style-type: circle;
}


.pph_naglowek{
	text-decoration: underline;	
	text-decoration-color: black;
	font-weight: bold;
}


.pph_film_naglowek{
	text-align: center;
	/* text-decoration: underline;
	text-decoration-color: black; */
	font-weight: bold;
	padding-top: 20px;
}


.pph_obraz{
	display: flex;
	justify-content: center;
}

.pph_jezyki{
	display: flex;
	justify-content: center;
	text-decoration: none;

	padding-left: 20px;
	padding-right: 20px;
}