.extrapt	{	padding-top: 10% !important;
				padding-bottom: 10% !important; }

.clear		{ 	position: relative; 
				width: 100%;
				clear: both;	}	

.center		{	text-align: center;	}	
.mobile		{	display: none; }	
.nodisplay	{	display: none;	}		


a:link	{	text-decoration: none;
			color: inherit;}	
a:hover	{	color: inherit;	}	
a:visited {	color: inherit; }					
			
.bold				{	font-weight: 600; }		
.bolder					{	font-weight: 800; }		
				
body	{	position: relative;
			float: left;
			height: 100%;
			width: 100%;
			min-height: 100vh;
			max-width: 100vw;
			overflow-x: hidden;
			background: white;
			font-family: 'Open sans', sans-serif;
			color: black;
			padding: 0;
			margin: 0;
			
			}
			
.bigwrap	{	position: relative;
				float: left;
				width: 90%;
				margin: 10% 5%;
				height: auto; }			
			
.bigicon	{	position: relative;
				float: left;
				width: 100%;
				height: 30vh;
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				background-image: url(gfx/logo.png);
					}			
			
.big	{	position: relative;
			float: left;
			width: 100%;
			color: white;
			font-size: 4rem;
			text-align: center;
			font-weight: 100;
			}			

.sidemedium		{	position: relative;
					float: left;
					height: 7vh;
					width: 13%;
					background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url(gfx/medium.png);
					
					}		
					
.medium		{		position: relative;
					float: left;
					height: 7vh;
					line-height: 7vh;
					width: 70%;
					margin: 0 2%;
					text-align: center;
					font-family: 'open sans condensed';
					letter-spacing: 3px;
					color: white;
					font-size: 3vh;
					font-weight: 300;	}
			
.przycisk	{ 	position: relative;
				height: auto;
				width: auto;
				max-width: 20%;
				float: left;
				margin: 5%;
				padding: 2%;
				font-size: 14px;
				color: grey;
				border-radius: 2px;
				border: solid 1px black;
				cursor: pointer;
				
				}

.przycisk:hover	{	color: black;
					text-shadow: none;
					background-color: #fafafa;
					-webkit-animation-name: thumb;
					-webkit-animation-duration: 200ms;
					-webkit-transform-origin:50% 50%;
					-webkit-animation-iteration-count: 2;
					-webkit-animation-timing-function: linear;
						}			
			
.fscr	{	position: relative;
			float: left;
			height: 100vh;
			width: 100%;
			max-width: 100vw;
			background-image: url(gfx/bgk.jpg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			background-attachment:fixed;	}	
			
.curt	{	position: absolute;
			width: 100%;
			height: 100%;
			background: rgba(0,0,0,0.3);}			


.menu		{	position: fixed;
				width: 100%;
				height: 10%;
				margin: 0 auto;
				padding: 0;
				background-color: white;
				top: 0;
				z-index: 99;
				text-align: left;
				border-bottom: 1px dotted silver;
				
				
				}


				
.menu ul 	{	
	list-style: none;
	margin: 0 2.5%;
	padding: 0;
	width: 95%;
	position: relative;
	text-align: center;
	max-height: 10vh;
	line-height: 10vh;

				}		


				
				
.menu ul li 	{		float: left;
					list-style: none;
					padding: 0;
					margin: 0 0.5%;
					position: relative;
					font-family: 'Open Sans', sans-serif;
					font-weight: 300;
					color: grey;
					font-size: 0.9rem;		
					cursor: pointer;
					text-align: right;	}	
					

.menu ul a li, .menu ul a li:first-child 	{		float: left;
					list-style: none;
					padding: 0;
					margin: 0 0.5%;
					position: relative;
					font-family: 'Open Sans', sans-serif;
					font-weight: 300;
					color: grey;
					font-size: 0.9rem;	
					cursor: pointer;
					text-align: right;	}									
		

.menu ul li:first-child	{	background-position: center left;
							background-repeat: no-repeat;
							background-size: contain;
							float: left; 
							padding: 0 3% 0 5%;
							background-image: url('gfx/minimalsec.png');
							font-size: 1rem;
							font-family: 'Open Sans', sans-serif;
							font-weight: 300;
							color: grey;
											}

							
							



.ico		{	position: relative; 
				float: left;
				height: 100%;
				width: 2.5vw;
				background-position: center right;
				background-repeat: no-repeat;
				background-size: contain !important;
				}
	
.pin	{	background-image: url(gfx/pin.svg)!important; }	
.yt	{	background-image: url(gfx/yt.svg)!important; }	
.fb	{	background-image: url(gfx/fb.svg)!important; }	
.inst	{	background-image: url(gfx/inst.svg)!important; }		
			
.wraper	{	position :relative;
			float: left;
			width: 80%;
			margin: 20% 10% 0 10%;
			background: none;
			
			}		
			
			

	

.enter		{	position: relative;
				float:left;
				margin: 3% 41.5%;
				width: 15%;
				padding: 1% 1.3%;
				border: 1px solid white;
				color: white;
				text-align: center;
				font-family: 'open sans';
				font-size: 1rem;
				font-weight: 300;
				letter-spacing: 2px;
				cursor: pointer;
				}
				
.enter:hover		{	background: rgba(255,255,255,0.5);
						color: black;	}
			
.secscr		{	position: relative;
				float:left;
				text-align: justify;
				width: 80%;
				width: 80vw;
				padding: 5% 10%; 
				height: auto; 
				background: white;
				color: grey;
				font-family: 'Open sans';
				font-weight: 300;
				font-size: 1rem;
				line-height: 150%;
			}	
			
		


.title	{	position: relative;
			font-size: 2rem;
			font-weight: 500;
			line-height: 100%;
			color: grey;
			font-family: 'Open Sans';
			
			}		
			
.top_more	{	margin: 5% 0;
				width: 20%;
			float: left;
			height: 100%;}			
			
.smalltitle	{	position: relative;
			clear: both;
			text-align: left;
			font-size: 1.8rem;
			line-height: 120%;
			font-weight: bold;
			}			

@media all and (max-width: 1000px) and (min-width: 120px) {	
		
.mobile		{	display: block;}
.desktop	{	display: none;	}

.fscr	{	background-attachment: scroll;	}	

			
.bigicon	{	height: 15vh;
				margin: 10% auto 3% auto;}			
			
.big	{	font-size: 3em; }	
			
.enter		{	margin: 3% 16%;
				width: 60%;
				padding: 3% 4%;		}
				
.sidemedium		{	position: relative;
					float: left;
					height: 7vh;
					width: 0%;
					background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url(gfx/medium.png);
					
					}		
					
.medium		{		position: relative;
					float: left;
					height: auto;
					line-height: 100%;
					width: 100%;
					margin: 0 auto;
					font-size: 1rem;
					font-weight: 500;	}


					
.logo		{	min-height: 35vh; 
				width: 100%; 
				min-width: 90vw; 
				margin: 20% 0% 3% 0%;}



.mobilemenu		{	z-index: 99999999999999;
					background: white;
					max-width: 93vw;
					padding-left: 7vw;
					background-repeat: no-repeat;
					background-position: center left;
					background-size: contain;
					background-image: url('gfx/minimal.png');}
				
.click		{	position: relative;
				padding-right: 10%;
				height: auto;
				min-height: 5vh;
				width: 10%;
				float: right;
				background-repeat: no-repeat;
				background-position: right center;
				background-size: contain;
				background-image: url('gfx/mmenu.png');
				font-family: 'Open Sans', sans-serif;
				}				


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

#mobilenav ul {	position: relative;
				overflow-x: hidden;
				width: 80%;
				height: 95%;
				height: auto;
				list-style: none;
				font-family: 'Open Sans', sans-serif; 
				font-size: 0.9em;
				font-weight: 100;
				text-align: left;
				float: left;
				left: 0;
					}

#mobilenav ul li {	position: relative;
				width: 100%;
				height: auto;
				padding: 2% 0;
				margin: 2% 0;
				float: left;
				list-style: none;
				border-bottom: 1px solid silver;
				left: 0;						
				text-indent: 0; }
				
#mobilenav ul li ul li {	position: relative;	
							border: none; }	
							
							
.secscr		{	text-align: left; }	
							
.footheadtext	{	font-size: 1.5rem !important;
					text-align: center;}							
}