@CHARSET "UTF-8";

body {
  margin: 0;
  padding: 0;
}

.section1 {
    padding: 55px 0 0.1em 0;
    background-color: #DDD;
    font-family: Roboto,sans-serif;
    font-weight: 100;
    font-size: 14px;
}
.section1 h1, h2, h3 {
    text-align: left;
    margin: 5px;
}

.section1 h1 {
	font-size: 1.6em;
}

.section1 h2 {
	font-size: 1.2em;
}

.section1 h3 {
	font-size: 1em;
}

.section2 {
	margin-top: 5px;
    margin-bottom: 10px;
    min-height:25em;
    background-color: white;
}

.grid-container {
	display: grid;
	grid-template-columns: 24.3% 24.3% 24.3% 24.3%;
	grid-gap: 15px;
	padding: 0px;
}
.grid-container img {max-height:200px;max-width:100%;margin-bottom:1px;}

@media screen and (max-width: 1200px) {
	.grid-container {
		  display: grid;
		  grid-template-columns: 33% 33% 33%;
		  grid-gap: 10px;
		  padding: 0px;
	}
	.grid-container img {max-height:175px;}
}

@media screen and (max-width: 768px) {
	.grid-container {
		display: grid;
		grid-template-columns: 50% 50%;
		grid-gap: 5px;
		padding: 0px;
	}
	.grid-container img {max-height:150px;}
	.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    	padding: 4px 1px;
    	font-size: 12px;
	}
}





footer {
    font-family: Roboto,sans-serif;
    font-weight: 300;
    text-align: center;
    background-color: #848484;
    color: #FFF;
    padding-bottom: 20px;
    padding-top: 20px;
}
footer a {
    color: black;
}



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

	.section1 {
	padding: 55px 0 5px 0;
	}
	.section1 h1 {
		font-size: 2em;
	}
	
	.section1 h2 {
		font-size: 1.6em;
	}
	
	.section1 h3 {
		font-size: 1.2em;
	}
	
	footer {
	padding: 20px 0;
	}
}

@media print  {
	.nie-druk{ display: none;}
	.rozmiar {font-size: 12px;}
	.table-condensed > tbody > tr > td {padding:1px;}
}