@media screen and (max-width: 896px) {
	
	#tabela_tytul{
		display: block;
		margin: 1vw auto;
		text-align: center;
		font-size: 8vw;
		font-weight: bold;
		color: #2d2d2d;
		letter-spacing: 0.2vw;
	}

	#tabele{
		display: flex;
		width: 100%;
		flex-direction: column;
	}

	.tabela_div{
		border-collapse: collapse;
		margin: 3vw auto;
		width: 80%;
		border-bottom: 0.5vw solid #2d2d2d;
	}

	.tabela_rodzaj{
		background: #2d2d2d;
		color: #9ed127;
		text-align: center;
		font-weight: bold;
		letter-spacing: 0.2vw;
	}

	.tabela_legenda{
		background-color: #9ed127;
		font-weight: bold;
		color: #2d2d2d;
		border-bottom: 0.2vw solid #2d2d2d;
	}

	.tabela_legenda:first-child{
		border-right: 0.2vw solid #2d2d2d;
	}

	table, td, tr{
		padding: 1.3vw;
		text-align: center;
		
	}

	tr:nth-child(even) {
		background-color: #dbdbdb;
	}	
}

@media screen and (min-width: 897px){

	#tabela_tytul{
		display: block;
		margin: 1vw auto;
		text-align: center;
		font-size: 2vw;
		font-weight: bold;
		color: #2d2d2d;
		letter-spacing: 0.1vw;
	}

	#tabele{
		display: flex;
		width: 100%;
	}

	.tabela_div{
		border-collapse: collapse;
		margin: 1vw auto;
		width: 31%;
		border-bottom: 0.2vw solid #2d2d2d;
	}

	.tabela_rodzaj{
		background: #2d2d2d;
		color: #9ed127;
		text-align: center;
		font-weight: bold;
		letter-spacing: 0.1vw;
	}

	.tabela_legenda{
		background-color: #9ed127;
		font-weight: bold;
		color: #2d2d2d;
		border-bottom: 0.2vw solid #2d2d2d;
	}

	.tabela_legenda:first-child{
		border-right: 0.2vw solid #2d2d2d;
	}

	table, td, tr{
		padding: 0.5vw;
		text-align: center;
		
	}

	tr:nth-child(even) {
		background-color: #dbdbdb;
	}

}