a 	{	text-decoration: none;
	color: inherit;	}	

input		{	box-shadow: none;
			border: 0.5px solid silver;
				}	
				
.mobile		{	display: none; }
.nodisplay	{	display: none; }

body	{	position: relative;
			height: 100%;
			width: 100%;
			max-width: 100vw;
			margin: 0;
			padding: 0;
			float: left;
			font-family: 'open sans';
			color: black;
			font-size: 1.5 em;
			
							}
							
							
.navbar	{ 	position: relative;
			top: 0;
			left: 0;
			width: 100%;
			margin: 0 auto;
			padding: 0;
			height: auto;
			min-height: 20%;
			float: left;
			z-index: 999;
			background: white;
				}
				
				
.logobar	{	position: relative;
				height: 100%;
				min-height: 10vh;
				margin: 1% 7.5% 2% 7.5%;
				padding: 2% 0 0 10%;
				width: 75%;
				background-color: white;
				background-image: url(gfx/logo.jpg);
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 10% auto;
				
				float: left;
				font-size: 1.3rem;
				

}				
			
			
.menu	{	position: relative;
			width: 85%;
			height: 100%;
			margin: 0 auto;
			padding: 0 7.5%;
			float: left; 
			text-align: left;
			background-color: #7bc4a0;
			
			}
			
.menu ul 	{ 	list-style: none; 
			position: relative;
			width: 100%;
			height: 100%;
			margin: 0; 
			padding: 0;
			float: left;
			color: white;
			font-size: 1em;
			font-weight: 700;
			
			
			}
			
.menu ul li	{	list-style: none;
				height: 100%;
				margin: 2% 4% 2% 0;
				float: left;	
								
				}	
				
				
				
.menu ul li:hover	{	color: #0b5833; }				
				
				

				
				
.wrap	{	position: relative;
			float: left;
			width: 85%;
			height: auto;
			padding: 5% 7.5%;
			text-align: left;
			line-height: 150%;
			letter-spacing: 1px;
			font-weight: 300;
			
			}
			
			
			
.wrap p {		font-size: 3rem;
						clear: both;
						font-weight: normal;	
						line-height: 130%;	}
						
.tekst_kolumnowy	{	
					position: relative;
					float: left;
					width: 	100%;
					-webkit-columns: 2;
					-moz-columns: 2;
					columns: 2;
					-webkit-column-gap: 30px;
					-moz-column-gap: 30px;
					column-gap: 30px; }									
						
/* opis */						
			
			
.opis	{			position: relative;
					float: left;
					width: 100%;
					margin: 0 auto 5% auto;
					}				
							
							
.opis ul	{	position: relative;
			width: 100%;
			height: auto;
			float: left;
			list-style: none;
			margin: 0;
			padding: 0;	}	
			
.opis ul li 	{ 	position: relative; 
				list-style: none;
				margin: 2% 0;
				float: left;
				height: auto;
				width: calc(85% / 3);
				
				
}

.opis ul li:first-child 	{	margin-right: 5%; }
.opis ul li:last-child 		{	margin-left: 5%; }

.opis ul li p 	{	position: relative;
				width: 100%;
				background: #7bc4a0;
				text-align: center;
				font-size: 3rem;
				float: left;
				margin: 0 0 8% 0;
				color: white;
					}

.go		{	position: relative;
			float: right; 			
			width: 20%;	
			font-size: 1rem;
			text-align: center;
			background: #d5cc3b;
			padding: 2%;
			margin: 5%;
			box-shadow: none;
			border: none;
			cursor: pointer;
}

.go:hover	{	background: #b5c3a7; }

/*FORMULARZ*/


				

.big	{	position: relative;
			width: 100%;
			margin: 2% 0;
			float: left;
						
}

.big p	{ 	padding: 2%;
			font-size: 1.5rem !important; }
			
.big select	{	 padding: 1%; }			


.big ul	{	position: relative;
			width: 100%;
			float: left;
			padding: 0;
			margin: 0;
			list-style: none;	}
			
.big ul li	{	position: relative;
			margin: 0 2%;
			list-style: none;
			float: left;	
			width: 46%;
			
}

.big ul li	input	{	position: relative;
				padding: 2%;
				width: 95%;
				text-align: left;	}


.med	{	position: relative;
			width: 100%;
			margin: 2% 0;
			float: left;
						
}

.med ul	{	position: relative;
			width: 100%;
			float: left;
			padding: 0;
			margin: 0;
			list-style: none;	}
			
.med ul li	{	position: relative;
			margin: 0 2%;
			list-style: none;
			float: left;	
			width: calc(88% / 3);
			
}

.med ul li	input	{	position: relative;
				padding: 2%;
				width: 95% !important;
				text-align: left;
				float: left;	}		
		
@media all and (max-width: 1000px) and (min-width: 120px) {		

.desktop {	display: none; }
.mobile	{	display: block;	}


body	{	font-size: 0.9 rem; }

.logobar	{	position: relative;
				height: 100%;
				min-height: 20vh;
				margin: 2% 7.5% 2% 7.5%;
				padding: 0;
				width: 85%;
				background-color: white;
				background-image: url(gfx/logo.jpg);
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				
}		


.menu ul li	{	line-height: 150%;
				margin: 5% 0 5% 5%;
				float: none;	
				text-transform: uppercase;
								
				}	

.wrap p {		font-size: 1.3rem; 	}	

.tekst_kolumnowy	{-webkit-columns: 1;
					-moz-columns: 1;
					columns: 1;
					-webkit-column-gap: 0px;
					-moz-column-gap: 0px;
					column-gap: 0px; }		
					
/* opis */						
			
			
	
			
.opis ul li 	{ 	position: relative; 
				list-style: none;
				margin: 2% 0;
				float: left;
				height: auto;
				width: 100%;
				
				
}

.opis ul li:first-child 	{	margin-right: 0%; }
.opis ul li:last-child 		{	margin-left: 0%; }

.opis ul li p 	{	font-size: 1.3rem;
				margin: 2% auto;
				padding: 2%;	}

.go		{	width: 90%;
			padding: 5%;
			margin: 5% auto;
			float: none;
			
			}					

/*FORMULARZ*/

.big select	{ 	position: relative;
				padding: 2%;
				width: 94%; 
				}	

.big p	{ 	font-size: 1.3rem !important; }

			
.big ul li	{	margin: 2% 0;
			width: 100%;
			
}

			
.med ul li	{	margin: 2% 0;
			width: 100%;
			
}
				
			
			
}