body
{
background-color: #303030;
color: #ffffff;
font-family: 'Montserrat', sans-serif;
font-size: 22px;
}

#container
{
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}



.rectangle
{
	width: 1160px;
	margin: 20px;
	text-align: center;
	
}

.logo{
	width: 1160px;
	margin: 20px;
	text-align: center;
	background-color: #6BCC64;
	box-shadow: 6px 6px 20px rgba(255, 255, 255, 0.1);
	padding-top: 10px;
	padding-bottom: 5px;
}

.logo:hover{
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);
}

.nav
{
	width: 230px;
	margin-left: 20px;
	margin-right: 10px;
	text-align: center;	

	float: left;
}

.content
{
	width: 910px;
	margin-left: 10px;
	margin-right: 20px;
	text-align: center;	
	background-color: #488F43;
	float: left;
}

.content:hover
{
	background-color: #6BCC64;
	box-shadow: 6px 6px 20px rgba(255, 255, 255, 0.1);
}


.wpis{
	width: 890px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: justify;	
	background-color: #6BCC64;
	float: left;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);
}


.wpis:hover{
	box-shadow: 6px 6px 20px rgba(50, 50, 255, 0.5);
}






.wpis2{
	width: 1130px;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: justify;	
	background-color: #6BCC64;
	float: left;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);
}


.wpis2:hover{
	box-shadow: 6px 6px 20px rgba(20, 20, 255, 0.5);
}




.wpisfoto{
	width: 250px;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 5px;
	
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;	
	background-color: #488F43;
	float: left;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);
	
}

.wpisfoto:hover{
	background-color: #6BCC64;
	box-shadow: 6px 6px 20px rgba(255, 255, 255, 0.5);
}









.wpisfoto2{
	width: 252px;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 5px;

	
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;	
	background-color: #488F43;
	float: left;
	box-shadow: 10px 10px 20px  rgba(0, 150, 255, 0.5);
	
}

.wpisfoto2:hover{
	background-color: #6BCC64;
	box-shadow: 6px 6px 20px rgba(0, 255, 255, 0.5);
}








.wpisfoto3{
	width: 240px;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 5px;

	
	padding-top: 10px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;	
	background-color: #488F43;
	float: left;
	box-shadow: 10px 10px 20px  rgba(0, 150, 255, 0.5);
	
}

.wpisfoto3:hover{
	background-color: #6BCC64;
	box-shadow: 6px 6px 20px rgba(0, 255, 255, 0.5);
}











.wpis3{
	width: 1080px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
	padding-left: 15px;
	text-align: justify;	
	background-color: #488F43;
	float: left;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);
}


.wpis3:hover{
	box-shadow: 6px 6px 20px rgba(100, 250, 250, 0.4);
}



.wstecz{
	width: 1080px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}





.kontakt{
	width: 252px;
	height: 200px;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	
	font-size: 19px;
	
	padding-top: 25px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;	
	background-color: #488F43;
	float: left;
	box-shadow: 10px 10px 20px  rgba(62,95,59, 0.5);
}

.kontakt:hover{
	background-color: #3e5f3b;
	box-shadow: 6px 6px 20px rgba(62,95,59, 0.4);
}













.kontaktbip{
	width: 252px;
	height: 120px;
	margin-left: 5px;
	margin-right: 15px;
	margin-top: 5px;
	margin-bottom: 15px;
	
	font-size: 19px;
	
	padding-top: 25px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;	
	background-color: #488F43;
	float: left;
	box-shadow: 10px 10px 20px  rgba(0, 50, 255, 0.5);
}

.kontaktbip:hover{
	background-color: #3e5f3b;
	box-shadow: 6px 6px 20px rgba(100, 250, 250, 0.4);
}







.tile1
{
	width: 110px;
	margin-right: 12px;
	text-align: center;	
	background-color: #6BCC64;
	font-size: 30px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);	
}



.tile1:hover
{
	background-color: #488F43;
	box-shadow: 6px 6px 20px rgba(255, 255, 255, 0.1);
}



.tile2
{
	width: 220px;
	margin-right: 12px;
	text-align: center;	
	background-color: #6BCC64;
	font-size: 30px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);
}



.tile2:hover
{
	background-color: #488F43;
	box-shadow: 6px 6px 20px rgba(255, 255, 255, 0.1);
}



.tile2a
{
	width: 220px;
	text-align: center;	
	background-color: #6BCC64;
	font-size: 30px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	float: left;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);
}


.tile2a:hover
{
	background-color: #488F43;
	box-shadow: 6px 6px 20px rgba(255, 255, 255, 0.1);
}



.tile3
{
	width: 230px;
	
	
	font-size: 30px;
	font-weight: bold;
	
	
	margin-bottom: 10px;
	text-align: center;	
	background-color: #6BCC64;
	font-size: 30px;
	float: left;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);	
}


.tile3:hover
{
	background-color: #488F43;
	box-shadow: 6px 6px 20px rgba(255, 255, 255, 0.1);
}





#footer
{
	width: 1160px;
	margin: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #6BCC64;
	box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.5);
}





.material-symbols-rounded {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 200,
  'opsz' 48
}




a.tilelink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
}



a.tilelink2
{
	color: #ffffff;
	text-decoration: none;
}