body
{
	background-color: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;

}

html {
  scroll-behavior: smooth;
}


.lewa {
width: 35%;
float: left;
position: fixed;
height: 100vh;
background-image: url(../grafika/left.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
}
	.logo {
  float: left;
  position: absolute;	
  transition: all ease .5s;
  width: 10vw;
  left: 5vh;
  height: 15vh;
  margin: 3vh 0 0 0;
  z-index: 999;
  background-image: url(../grafika/Logo_white.png); background-position: center left; background-repeat: no-repeat; background-size: contain; 
}



.lewa_menu {
width: calc(100% - 6vw);
float: left;
position: absolute;
bottom: 3vh;
left: 3vw;
margin-right: 3vw;
}



.nag_lewa {
float: left;
position: relative;
font-size: 2.7vw;
font-weight: 100;
opacity: 0.8;
color: #fff;
}

.prawa {
width: calc(65% - 15vw);
margin-left: 35%;
padding: 5vh 5vw 5vh 10vw;
float: left;
position: relative;
min-height: 90vh;
font-size: 0.79vw;
font-weight: 400;
}
.nag {
width: 100%;
float: left;
position: relative;
font-size: 2.4vw;
font-weight: 300;
color: #00DC00;
margin-bottom: 6vh;
}

	.prawa ul {
	margin: 3vh 0 0 1.1vw;
	padding: 0;
	color: #00DC00;
	}
	.prawa ul li {
	padding: 0 0 1.2vh 0;	
	}
	.prawa ul li a {
	text-decoration: none;	
	color: #707070;
	transition: 0.3s all;
	}
	.prawa ul li a:hover {
	text-decoration: none;	
	color: #00DC00;
	transition: 0.3s all;;
	}


.nag3 {
	float: left;
position: fixed;
bottom: 15vh;
left: 33%;
font-size: 2.7vw;
font-weight: 100;
opacity: 0.5;
color: #565656;
 transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.linki_kotwica_obszar {
float: left;
position: relative;
margin-top: 2vh;
}
.linki_kotwica {
float: left;
position: relative;
margin: 0.3vw 0.3vw;
border: 0.01vw solid #fff;
padding: 2vh 2vw;
color: #fff;
text-decoration: none;
opacity: 0.7;
font-size: 0.8vw;
transition: 0.3s all;
}
	.linki_kotwica:hover {
	opacity: 1;
	color: #fff;
	background-color: #00DC00;
	border: 0.01vw solid #00DC00;
	transition: 0.3s all;
	}
	
	
.blok {
width: 100%;
float: left;
position: relative;
margin-bottom: 5vh;
margin-top: 1vw;
}
	
.nag_blok {
width: calc(100% - 2vw);
float: left;
position: relative;
font-size: 2vw;
font-weight: 300;
color: #00DC00;
margin-bottom: 3vh;
border-left: 0.5vw solid #00DC00;
margin-left: -2.5vw;
padding-left: 2vw;
}	
.nag2_blok {
width: 100%;
float: left;
position: relative;
font-size: 1.5vw;
font-weight: 300;
color: #565656;
margin-top: -3vh;
margin-bottom:3vh;
border-left: 0.5vw solid #565656;
margin-left: -2.5vw;
padding-left: 2vw;
}	
.space {
margin-top: 5vh;	
}
	
	.box {
	text-decoration: none;	
	color: #565656;
	transition: 0.3s all;
		width: 11.2vw;
	height: 11.2vh;
	float:left;
	position: relative;
	margin: 0 1vw 1vw 0;
	background-color: #f5f5f5;
	text-align: center;
	padding: 1vh 1.5vw;
	display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  border-radius: 0.5vw;
  box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.1);
    border-radius: .5rem;
	}
	.box:hover {
	text-decoration: none;	
	background-color: #00DC00;
	color: #fff;
	transition: 0.3s all;
	}
	
.form_gwiazdka	 {
float: left;
position: relative;
width: 100%;
font-size: 0.8vw;
color: #717171;
}
				
@media (max-width : 1120px) and (orientation: portrait)  {
.lewa {
width: 100%;
float: left;
position: relative;
height: 40vh;
background-image: url(../grafika/left_res.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
text-align: center !important;
}
	.form_gwiazdka	 {
float: left;
position: relative;
width: 100%;
font-size: 2.8vw;
color: #717171;
}
.logo {
  float: left;
  position: absolute;	
  transition: all ease .5s;
  width: 25vw;
  left: 5vw;
  height: 20vh;
  margin: 2vh 0 0 0;
  z-index: 999;
  background-image: url(../grafika/Logo_white.png); background-position: top left; background-repeat: no-repeat; background-size: contain; 
}
.nag_lewa {

text-align: left;
float: left;

font-size: 5.7vw;
font-weight: 300;
opacity: 1;
color: #fff;
}

.linki_kotwica_obszar {
	float: left;
position: relative;

text-align: left !important;
}
.linki_kotwica {
	float: left;
margin: 0.3vw 0.3vw !important;
border: 0.02vw solid #00DC00;
padding: 1.6vh 3vw;
color: #fff;
background-color: #00DC00;
text-decoration: none;
opacity: 1;
font-size: 3.8vw;
transition: 0.3s all;
}
	.linki_kotwica:hover {
	opacity: 1;
	color: #fff;
	background-color: #00DC00;
	border: 0.02vw solid #00DC00;
	transition: 0.3s all;
	}
	
	.nag3 {
	display: none;
	}
	
.prawa {
width: 80%;
margin-left: 0%;
padding: 5vh 10% 5vh 10%;
float: left;
position: relative;
min-height: auto;
height: auto;
font-size: 4vw;
font-weight: 400;
}

.nag_blok {
width: calc(100% - 2vw);
float: left;
position: relative;
font-size: 5.7vw;
font-weight: 300;
color: #00DC00;
margin-bottom: 3vh;
border-left: 2vw solid #00DC00;
margin-left: -4vw;
padding-left: 2vw;
}	
.nag2_blok {
width: 100%;
float: left;
position: relative;
font-size: 4.5vw;
font-weight: 300;
color: #565656;
margin-top: -3vh;
margin-bottom:3vh;
border-left: 2vw solid #565656;
margin-left: -4vw;
padding-left: 2vw;
}	

.box {
	text-decoration: none;	
	color: #565656;
	transition: 0.3s all;
		width: 90%;
	height: 11.2vh;
	float:left;
	position: relative;
	margin: 5% 0;
	background-color: #f5f5f5;
	text-align: center;
	padding: 2vh 5%;
	display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  
	}
	.box:hover {
	text-decoration: none;	
	background-color: #00DC00;
	color: #fff;
	transition: 0.3s all;
	}


.space {
margin-top: 5vh;	
}

}	


@media (max-width : 1024px) and (orientation: landscape)  {
	.form_gwiazdka	 {
float: left;
position: relative;
width: 100%;
font-size: 2vw;
color: #717171;
}
	
.lewa {
width: 35%;
float: left;
position: fixed;
height: 100vh;
background-image: url(../grafika/left_res.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;
}
	.logo {
  float: left;
  position: absolute;	
  transition: all ease .5s;
  width: 20vw;
  left: 5vh;
  height: 20vh;
  margin: 3vh 0 0 0;
  z-index: 999;
  background-image: url(../grafika/Logo_white.png); background-position: center left; background-repeat: no-repeat; background-size: contain; 
}

.linki_kotwica_obszar {
	float: left;

text-align: left !important;
}	
	
	.linki_kotwica {
		width: calc(100% - 0.02vw);
	float: left;
margin: 0 0 1vh 0 !important;
text-align: center;
border: 0;
padding: 1.8vh 0vw;
color: #fff;
border: 0.01vw solid #fff;
text-decoration: none;
opacity: 1;
font-size: 1.8vw;
transition: 0.3s all;
}


.nag_lewa {

text-align: left;
float: left;

font-size: 2.7vw;
font-weight: 300;
opacity: 1;
color: #fff;
}


.nag_blok {
width: calc(100% - 2vw);
float: left;
position: relative;
font-size: 3.7vw;
font-weight: 300;
color: #00DC00;
margin-bottom: 3vh;
border-left: 1vw solid #00DC00;
margin-left: -3vw;
padding-left: 2vw;
}	
.nag2_blok {
width: 100%;
float: left;
position: relative;
font-size: 2.5vw;
font-weight: 300;
color: #565656;
margin-top: -3vh;
margin-bottom:3vh;
border-left: 1vw solid #565656;
margin-left: -3vw;
padding-left: 2vw;
}	

.box {
	text-decoration: none;	
	color: #565656;
	transition: 0.3s all;
		width: 90%;
	height: 20vh;
	float:left;
	position: relative;
	margin: 3% 0;
	background-color: #f5f5f5;
	text-align: center;
	padding: 2vh 5%;
	display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  font-size: 2vw;
	}
	.box:hover {
	text-decoration: none;	
	background-color: #00DC00;
	color: #fff;
	transition: 0.3s all;
	}



.space {
margin-top: 5vh;	
}
	
}