a:link, a:visited {	color: inherit;
					text-decoration: none;	}

.bolder			{	font-weight: 700; }
.footer a:hover	{	font-weight: 700;
					color: black;	}
.bolder img 	{	opacity: 0.2; }
.bolder img:hover	{	opacity: 0.6; }
.nodisplay		{	display: none;	}
.mobile			{	display: none;	}
.mobilemenu			{	display: none;	}
.desktop		{	display: block;	}
.fafa			{	background: #f5f5f5;	}
.clear			{	clear: both;	}
.grey			{	background: grey;	}
.whitefont		{	color: white; }
.greyfont		{	color: grey; }
.silver			{	background: silver;	}
.contain		{	background-size: contain; }
.cover			{	background-size: cover;	}
.empty:empty 	{   display: none;	}
.center			{	text-align: center;	}
.noimage		{	background-image: none;	}
				


.przycisk		{	cursor: pointer;	
					-webkit-transition: all 0.6s ease-out;
					-moz-transition: all 0.6s ease-out;
					-o-transition: all 0.6s ease-out;
					transition: all 0.6s ease-out;}
					
.przycisk:hover	{	-webkit-transition: all 0.6s ease-out;
					-moz-transition: all 0.6s ease-out;
					-o-transition: all 0.6s ease-out;
					transition: all 0.6s ease-out;}


body	{	width: 100%;
			max-width: 100vw;
			margin: 0;
			padding: 0;
			float: left;
			background: #ced0cd;	}
			
.first_scr	{	position: relative;
				width: 100%;
				max-width: 100vw;
				height: 90vh;
				margin:10vh 0 0 0;
				padding: 0;
				float: left;
				background: white;

				}			
				
				
.gestalt		{	position: relative;
					padding: 0;
					margin: auto;
					float: left;
					height: 100%;
					width: 37%;
					background-image: url('gfx/bgk21.jpg');
					background-repeat: no-repeat;
					background-position: bottom right;
					background-size: contain;
					display: block:
					
						}				
			
.logospace		{	position: relative;
					float: left;
					height: 100%;
					margin: 0;
					padding: 0;
					width: 63%;
					display: block:
					
					
					}
					
.logo			{	position: relative;
					width: 70%;
					height: 30vh;
					margin: 15% 15% 0 15%;
					background-image: url('gfx/logo.png');
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
					}					
					
				

.more			{	position: relative;
					float: left;
					cursor: pointer;
					text-align: center;
					color: black;
					padding: 3% 1%;
					margin: 2% 28% 0 28%;
					width: calc(40% - 2px);
					font-size: 0.9rem;
					font-family: 'Titillium Web', sans-serif;
					border: 1px solid black;
					text-transform: uppercase;
					letter-spacing: 4px;
					line-height: 120%;
					}
					
.more:hover		{	color: #B38C47;}	
					
.sec_scr		{	position: relative;
					float: left;
					margin: 0;
					padding: 0;
					height: auto;
					width: 100%;
					background-image: url('gfx/litera1.png');
					background-repeat: no-repeat;
					background-position: bottom left;
					background-size: 50%;  }				


					

.tresc		{	position: relative;
					float: left;
					margin: 5% 0 0 0;
					padding: 5% 10% 5% 5%;
					height: auto;
					/*max-height: 80vh;*/
					width: 48%;
					max-width: 48vw;
					font-family: 'Titillium Web', sans-serif;
					color: black;
					font-weight: 400;
					font-size: 1.2rem;
					line-height: 170%;
					letter-spacing: 0.5px;
					text-align: justify;
					
		  }		  
		  
.tresc	b 		{	font-weight: 700; }		 


.footer	{	position: relative;
			float: left;
			height: auto;
			width: 80%;
			padding: 10%;
			max-width: 80vw;
			margin: 0;
			font-family: 'Titillium Web', sans-serif;
			font-size: 1rem; 
					font-weight: 400; 
					letter-spacing: 2px; 
					color: grey; 
			background-color: #ced0cd;
			
		} 
		
.footitle			{	position: relative;
						font-size: 1.5rem; 
						text-align: left; 
						font-weight: 300; 
						color: grey; 
						text-transform: uppercase; 
						letter-spacing: 15px;
						float: left;
					
					
				}			

.footresc		{	position: relative; 
					width: calc(50% - 2px); 
					float: left; 
					padding-left: 5%; 
					border-left: 2px dotted grey;
		  }		
		  
	
.sygnet	{				position: relative;
						height: 30vh;
						width: calc(40% - 2px);
						margin: 2% 5% 0 0;
						background-image: url('gfx/navlogo.png');
						background-repeat: no-repeat;
						background-position: top center;
						background-size: contain;
						float: left; 	}
	
.dane		{	position: relative; 
					text-align: left; 
					width: 100%; 
					
					float: left;	}	
	  

.title			{	font-family: 'Titillium Web', sans-serif;
					font-size: 2.5rem;
					font-weight: 700;
					width: 22%;
					margin: 5% 0 0 0;
					padding: 5% 5% 5% 10%;
					text-align: left;
					float: left;
					line-height: 120%;
					height: 85%;
					word-wrap: break-word;
					
					
					
				}
						

	


				
						
										
.galeria	{	position: relative;
				width: 100%;
				height: auto; 
				float: left;
				margin: 0% 0 5% 0%;
				
				
				}										
										
.galeria img	{	position: relative;
					height: 40vh;
				width: calc((88% - 66px) / 3);
				object-fit: cover;
				float: left;
				margin: 10px;
				opacity: 0.7;
				padding: 2%;
				background: none;
				border: 1px solid grey;
				}			

.galeria	img:hover { opacity: 1;
						filter: none;}															


			
			

							
.logotyp		{		position: relative;
						width: 36%;
						float: left;
						height: 13.8vw;
						text-align: left;
						font-size: 2.9rem;
						line-height: 120%;
						
											}							
						
		

#dzial		{	padding-top: 5%; }
#kontakt		{	padding-top: 15%; }
				
.mapka	{					position: relative;
							width: 100%;
							max-width: 100vw;
							height: 100%;
							min-height: 85vh;
							white-space:nowrap;
							padding: 0;
							margin: 0;
							border: 0;
							clear: both;
							
												
							}				
				
		

.formulaire		{	position: relative;
					width: 80%;
					max-width: 80vw;
					float: left;
					padding: 10%;
					margin: 0;
					display: table;
					text-align: center;
					background-color: silver;
					font-family: 'Titillium Web', sans-serif;
					}
					
.formulaire input, textarea	{	position: relative;
								color: grey;
								background: none;
								border: 0;
								box-shadow: none;
								font-family: lato;
								font-size: 1rem;
								border: 1px solid black;
								display: inline;
								font-family: 'Titillium Web', sans-serif;
								}		
								
								
.formulaire input			{	width: calc(43% - 4px);
								margin: 1% 0.75% 1% 1.5%;
								padding: 2%;
								 }	
								 

.formulaire textarea			{	width: 93%;
									margin: 1% 1.5% 1% 1.5%;
									height: 20%;
									padding: 1%;
									min-height: 20vh;
									}								

.formulaire input:hover, textarea:hover	{	color:  black;
										background: #ced0cd;
															}	
															
.menubar		{ 	position: relative;
					width: 100%;
					height: 20vh;
					margin: 5% auto 0 auto;
					background-image: url(gfx/mlogo.png);
					background-position: center;
					background-size: contain; 
					background-repeat: no-repeat;}															

@media all and (max-width: 1000px) and (min-width: 120px) {			
.mobile		{	display: block;}
.desktop	{	display: none;	}
.logo		{	min-height: 40vh; 
				width: 100%; 
				min-width: auto;
				background-size: contain;	
				margin: 10% 0 5% 0%;
				background-image: url(gfx/logo.png);}
				
				
.first_scr	{	height: 100vh;
				margin: 0;
				overflow-x: hide;	
				background: yellow;}			
								
				
				
.gestalt			{	display: none; }				
			
.logospace		{	position: relative;
					float: left;
					height: 100%;
					margin: 0;
					padding: 0;
					width: 100%;
					background-color: #c6c6c6;
					background-repeat: no-repeat;
					background-position: right top;
					background-size: contain;
					
					
					}
					
.logo			{	position: relative;
					width: 100%;
					height: 50vh;
					margin: 30% 0 0 0;
					padding: 0;
					background-image: url('gfx/mlogo.png');
					background-repeat: no-repeat;
					background-position: center;
					background-size: contain;
					}						
				
	


.more			{	padding: 5% 3%;
					margin: 0 22% 0 22%;
					width: calc(50% - 2px);
					font-size: 1rem;
										}
					
.more:hover		{	color: grey;}	

	
				
.litera		{	background: none;	}				

				
				
.title			{	width: 90%;
					margin: 20% 0 0 0;
					padding: 0 5%;
					text-align: left;
					height: auto;
					font-size: 4rem;
					min-height: auto;
					word-wrap: break-word;
					
					
					
				}			


.tresc		{		margin: 0;
					padding: 5%;
					width: 90%;
					max-width: 90vw;
					font-size: 1.2rem;
					line-height: 120%;
					letter-spacing: 0.2px;
					text-align: left;
					
					
					
		  }		  				

.mobilemenu		{	position: fixed;
					z-index: 99999999999999;
					background: white;
					display: block;
					top: 0;
					width: 100%;
					height: auto;
					clear: both;
					padding: 5% 0;
					margin: 0;
					background-image: url('gfx/mmlogo.png');
					background-position: center left;
					background-size: contain;
					background-repeat: no-repeat;
					border-bottom: 1px solid #fafafa;	
}
				
.click		{	position: relative;
				padding-right: 10%;
				padding-top: 0;
				margin-right: 5%;
				height: 100%;
				min-height: 4.5vh;
				line-height: 4.5vh;
				width: 10%;
				float: right;
				color: black;
				background-repeat: no-repeat;
				background-position: right center;
				background-size: contain;
				background-image: url('gfx/mmenu.png');
				font-family: 'Titillium Web', sans-serif;
				}				


#mobilenav	{	position: absolute;
				top: 0;
				width: 100%;
				height: 100%;
				min-height: 100vh;
				overflow-y: scroll;
				overflow-x: hide;
				padding: 10% 0;
				margin: 0;
				background: white;
				float: left;
				z-index: 999999999;
				text-indent: 0; 
				background-color: white;
				
				
				}					

#mobilenav ul {	position: relative;
				overflow-x: hidden;
				width: 80%;
				height: 95%;
				height: auto;
				list-style: none;
				padding: 5% 0 0 0;
				margin: 0 10%;
				font-family: 'Titillium Web', sans-serif; 
				font-size: 0.9rem;
				font-weight: 400;
				text-align: left;
				float: left;
				left: 0;
					}

#mobilenav ul li {	position: relative;
				width: 90%;
				height: auto;
				padding: 2% 5%;
				margin: 2% 0;
				float: left;
				list-style: none;
				border-bottom: 1px solid silver;
				left: 0;						
				text-indent: 0; }
				
			
				



.footer	{	position: relative;
			float: left;
			width: 90%;
			max-width: 90vw;
			padding: 5%;
			font-size: 0.9rem;
			margin: 0;
			letter-spacing: 0;	}
			
			
.sygnet	{				height: 15vh;
						width: 100%;
						margin: 5% 0 0 0;
						 	}			
			
	
				
.footresc		{	width: 100%;
					max-width: 80vw;
					float: left; 
					padding-left: none; 
					border-left: none;
		  }			


.footitle			{	font-size: 1rem; 
						text-align: center; 
						letter-spacing: 5px;
						clear: both;
						width: 100%;
						max-width: 80vw;
					
					
				}			  
				
				
.dane		{	text-align: center; 
					font-size: 0.9rem; 
					font-weight: 400;
					width: 100%;
					max-width: 80vw;
					margin: 0;
					padding: 0;
					letter-spacing: none; 	
						}		  
				

		  
.formulaire		{	padding: 20% 10%; }							
								
.formulaire input			{	width: 96%;
								margin: 1% 0 1% 0;
								padding: 5% 2%;
								 }	
								 

.formulaire textarea			{	width: 96%;
									margin: 1% 0 1% 0;
									padding: 5% 2%;
									height: 30%;
									min-height: 30vh;
									}								


	
.more5			{	padding: 5% 10%;
					margin: 2% 0 2% 0;
					width: calc(80% - 2px); }	

.sec_scr		{	font-size: 1rem;
					line-height: 150%;
					background-image: none;
					}	
					
				
						
.galeria img	{	height: 20vh;
					width: calc(96% - 22px);
				
							}		
							
.menubar		{ 	position: relative;
					width: 100%;
					height: 20vh;
					margin: 10% auto 0 auto;
					background-image: url(gfx/mlogo.png);
					background-position: center;
					background-size: contain; 
					background-repeat: no-repeat;}															
							
}