body{
	margin: 0;
	color: black;
	font-family: Amiko;
	height: 300vw;
	overflow-x: hidden;
	/* background-color: #1d2326; */
	 background-image: linear-gradient( to right, #1d2326, #2d3320 );
	 height: 350vw;

}
#bg{
	
	filter: blur(5px) brightness(0.8);
	width: 102vw;
	height: 52vw;
	z-index: -9;
	position: absolute;
	margin-left: -1vw;
	margin-top: -1vw;
	
}
#divBg{
	
	/*background-image: url('img/main.jpg');*/
	background-color: transparent;
	position: absolute;
	width: 100vw;
	height: 50vw;
	z-index: -10;
	
}
#gospodarstwo{
	font-family: 'Carattere';
	font-size: 5vw;
	width: 100vw;
	text-align: center;
	margin-top: 6vw;
	color: white;
	opacity: 0;
}
#demo
{
	font-family: 'Amiko';
	font-size: 2vw;
	width: 100vw;
	text-align: center;
	margin-top: 18vw;
	color: white;
}
h2
{
	width: 50vw;
	margin-left: 25vw;
	height: 5vw;
	font-family: Amiko;
	font-size: 2vw;
	margin-top: 60vw;
	background-color: #2c2f36;
	position: absolute;
	
	color: white;
	text-align: center;
	padding-top: 2.5vw;
	border-radius: 3vw;
}
h3
{
	width: 34vw;
	margin-left: 10vw;
	height: 6vw;
	font-family: Amiko;
	font-size: 3vw;
	margin-top: 76vw;
	
	position: absolute;
	
	color: white;
	text-align: center;
	padding-top: 2vw;
	border-radius: 3vw;

}
#powiat
{
	font-size: 1.5vw;
}
#mapa
{
	width: 35vw;
	height: 27vw;
	margin-left: 53vw;
	position: absolute;
	margin-top: 80vw;
}
#hr1{
	position: absolute;
	width: 80vw;
	margin-left: 10vw;
	border-radius: 3vw;
	margin-top: 75vw;
	
	
}
#hr2{
	position: absolute;
	width: 80vw;
	margin-left: 10vw;
	border-radius: 3vw;
	margin-top: 111vw;
	
	
}
#hr3{
	position: absolute;
	width: 60vw;
	margin-left: 20vw;
	border-radius: 3vw;
	margin-top: 1.5vw;
	
	
}
#hr4{
	position: absolute;
	width: 60vw;
	margin-left: 20vw;
	border-radius: 3vw;
	margin-top: 2vw;
	
	
}
hr{
	background-color: white;
	border:  0.2vw solid white;
}
#opis{

	color: white;
	position: absolute;
	margin-top: 87vw;
	width: 41vw;
	margin-left: 5vw;
	height: 12vw;
	
	font-size: 1vw;
	border-radius: 2vw;
	padding-left: 5vw;
	padding-right: 2vw;
	padding-top: 1vw;
	line-height: 1.7vw;
	text-align: left;
}
#rodzaj
{
	color: white;
	position: absolute;
	margin-top: 213vw;
	width: 40vw;
	margin-left: 30vw;
	height: 5vw;
	background-color: #2c2f36;
	font-size: 2vw;
	border-radius: 2vw;
	padding-top: 3vw;

	text-align: center;
}


#gruntowe{
margin-left: 37.5vw;
background-image: url(img/grunt.png);


}
#spinning
{
	margin-left: 5vw;
	background-image: url(img/spinning.png);
}
#lodka
{
	margin-left: 70vw;
	background-image: url(img/noc.png);
}
.wybor{
color: white;
	position: absolute;
	width: 25vw;
	height: 25vw;
	background-size: 25vw;
	margin-top: 230vw;
	border-radius: 5vw;
	text-align: center;
	
	font-family: 'Carattere';
	font-size: 3vw;
	transition: 0.3s;
}

.wyborNapis
{
	width: 100%;
	backdrop-filter: brightness(0.3);
	-webkit-backdrop-filter: brightness(0.3);
	margin-top: 23%;
	font-size: 2vw;

}
.wybor:hover{

	transform: scale(1.1);
	cursor: pointer;
}


.SGshop
{
	
	position: absolute;
	margin-top: 260vw;
	color: white;
	width: 100vw;
	height: 20vw;
	text-align: center;
	font-size: 3vw;
	font-weight: 600;

}
.cennik
{
position: absolute;	
margin-top: 265vw;
font-size: 1.5vw;
color: white;
}
.opcja
{

margin-top: 2vw;
margin-left: 38vw;
width: 20vw;



}
.cena
{
margin-left: 15vw;
border-radius: 5vw;
background-color: #2c2f36;
border: 0.2vw solid white;
width: 8vw;
height: 2.2vw;
padding-top: 0.5vw;
text-align: center;
}
.czas
{
	text-align: center;
width: 10vw;
height: 2.2vw;
padding-top: 0.5vw;
font-size: 1.5vw;
border: 0.2vw solid white;
border-radius: 5vw;
margin-left: 0vw;
position: absolute;
	
	
}
#tylko
{
	font-size: 1vw;
	white-space: nowrap;
}
#tylko2
{
	font-size: 1vw;
	white-space: nowrap;
}
.hrShop
{
	margin-left: 37.5vw;
	width: 25vw;
	margin-top: 3vw;
	border: 0.1vw solid white;
}

.opcja:hover{
	
	transform: scale(1.2);
	transition: 0.3s;
	cursor: pointer;
	background-color: grey;
	border-radius: 5vw;
}
#opis
{
	font-size: 1vw;
}
#sezonik:hover
{
background-color: transparent;
transform: scale(0.99);
cursor: default;
}
#sezonik2:hover
{
background-color: transparent;
transform: scale(0.99);
cursor: default;
}
#showSpinShop
{
	display: none;

}
#showGruntShop
{
	display: none;

}
#showBoatShop
{
	display: none;

}
#przezMsc
{
	font-size: 1vw;
	padding-top: 1vw;
}

#lodkaInfo
{
	width: 100vw;
	text-align: center;
}
#lodkaWlasna
{
	width: 100vw;
	text-align: center;
}
.gruntInfo
{
	width: 100vw;
	text-align: center;
}
.gruntInfo2
{
	width: 100vw;
	text-align: center;
}
.pisiont{

	font-weight: 1000;

}
.teen
{
	width: 100vw;
	text-align: center;
	margin-top: 2vw;

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

#jak
{
	width: 100vw;
	text-align: center;
	margin-top: 176vw;
	position: absolute;

}
h4
{
	color: white;
	margin-top: -5vw;
	
	width: 70vw;
	margin-left: 15vw;
	height: 5vw;
	background-color: #2c2f36;
	font-size: 2vw;
	border-radius: 2vw;
	padding-top: 3vw;

	text-align: center;
}
h5
{
	font-size: 1.5vw;
	border-radius: 1vw;
	border-left: 0.3vw white solid;
	border-bottom: 0.3vw white solid;
	background-color: transparent;
	padding-left: 3vw;
	color: white;
	width: 40vw;
	margin-left: 28.5vw;
	text-align: left;
	margin-top: 5vw;
}
#zawody{
		margin-top: 113vw;
		position: absolute;
}
.zawodyP
{
	font-size: 1vw;
}
#zawodyTitle
{
	color: white;

	
	width: 30vw;
	margin-left: 35vw;
	height: 5vw;
	background-color: #2c2f36;
	font-size: 2vw;
	border-radius: 2vw;
	padding-top: 3vw;

	text-align: center;
}
#zawodyContent
{
	color: white;
	margin-left: 40vw;
}
#zapisy
{
	margin-left: -40vw;
	width: 100vw;
	text-align: center;
	font-size: 1.5vw;
	margin-top: 4vw;
}
#bKoszt
{

}
.stacjonarne
{
	font-size: 1vw;
}

h6
{
	font-size: 1.5vw;
	margin-left: -40vw;
	width: 100vw;
	text-align: center;
}
#wPrzypadku
{
	width: 70vw;
	margin-left: -15vw;
	margin-top: 5vw;
	font-size: 1.7vw;
}
      footer {
        position: absolute;
        
        left: 0;
        right: 0;
        background-color: #2c2f36;
        color: white;
        padding: 20px;
        font-size: 1.1vw;
        margin-top: 360vw;
        height: 20vw;
      }
      
      footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
        justify-content: left;
        flex-wrap: wrap;
        margin-top: 1vw;
      }
      
      footer ul li {
        margin-right: 20px;
      }
      
      footer ul li:last-child {
        margin-right: 0;
      }
      
      footer a {
        text-decoration: none;
        color: white;
      }
      
      footer p {
        margin-top: 10px;
        text-align: right;
        line-height: 2vw;
      }


@keyframes pokaz{

0%{opacity: 0;}
100%{opacity: 1;}
}

@keyframes spin2 { 
	0% {  opacity: 0.01; }
	100% { opacity: 1; } 
}