html {
  scroll-behavior: smooth;
}

h1 {text-align: center;
	font-family: 'open sans';
	font-weight: 800;
	font-size: 7rem;
	color: gray;
}

h2 {text-align: center;
	font-family: 'open sans';
	font-weight: 300;
	font-size:2.5rem;
	color: black;
}

.galeria	{	position: relative;
				width: 80vw;
				float: left;
				margin: 10vw;
				padding: 0;	}
				
.galeria img			{	padding: 1vmin;
					width: calc((100% - 4vmin)/2);
					height: 20vh;
					object-fit: cover;
					overflow: hidden;
					position: relative;
					float: left;		}		
					
			/*
		
.galeria imag img	{	width: calc((100% - 4vmin)/2); } 
*/


.logo	{	position: relative; 
			float: left;
			width: 30vw;
			min-height: 30vh;
			margin: 15vh 35vw 5vh 35vw;
			background-image: url(gfx/logo.png);
			background-size: contain;
			background-repeat: no-repeat;
			background-position: center;
			}
			
.menu 	{	position: fixed;
			width: 100vw;
			height: 10vh;
			margin: 0 0 5vh 0;
			top: 0;
			left: 0;
			padding: 0;
			text-align: center;
			font-family: 'open sans';
			font-weight: 300;
			font-size: 1.5rem;
			line-height: 10vh; 
			background: #fafafa;
			z-index:999; }	
			
.menu a	{	text-decoration: none;
			color: inherit; }	

.menu a:hover	{	text-decoration: none;
					color: red; }				
					
.footer			{	position: relative;
					float: left;
					width: 100%;
					padding: 5vh 0;
					min-height: 40vh;
					background-image: url(gfx/stopka_mail.png);
					background-color: #fafafa;
					background-repeat: no-repeat;
					background-position: center;
}

.desktop	{	visible: none; }	

@media all and (max-width: 1000px) and (min-width: 120px) {	

.logo	{	width: 30vw;
			min-height: 10vh;
			margin: 5vh 35vw; 
			
			}
			
.menu	{	width: 100vw;
			height: 10vh;
			font-size: 0.5rem;
			}	
			
.logo	{	width: 50vw;
			min-height: 30vh;
			margin: 15vh 25vw 5vh 25vw;
			
			}		

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

.footer			{	padding: 2vh 0;
					min-height: 20vh;
					background-size: contain;
}

}