@font-face {
  font-family: "NexaLight";
  src: url("./static/fonts/NexaLight.otf");
  src: url("./static/fonts/NexaLight.otf") format("opentype"),
    url("./static/fonts/NexaLight.otf") format("opentype"),
    url("./static/fonts/NexaLight.otf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "PoppinsLight";
  src: url("./static/fonts/Poppins-Light.ttf");
  src: url("./static/fonts/Poppins-Light.ttf") format("opentype"),
    url("./static/fonts/Poppins-Light.ttf") format("opentype"),
    url("./static/fonts/Poppins-Light.ttf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "PoppinsBold";
  src: url("./static/fonts/Poppins-Bold.ttf");
  src: url("./static/fonts/Poppins-Bold.ttf") format("opentype"),
    url("./static/fonts/Poppins-Bold.ttf") format("opentype"),
    url("./static/fonts/Poppins-Bold.ttf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "NexaBold";
  src: url("./static/fonts/NexaBold.otf");
  src: url("./static/fonts/NexaBold.otf") format("opentype"),
    url("./static/fonts/NexaBold.otf") format("opentype"),
    url("./static/fonts/NexaBold.otf") format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "NexaBlack";
  src: url("./static/fonts/NexaBlack.ttf");
  src: url("./static/fonts/NexaBlack.ttf") format("opentype"),
    url("./static/fonts/NexaBlack.ttf") format("opentype"),
    url("./static/fonts/NexaBlack.ttf") format("opentype");
  font-weight: 400;
}

@font-face {
  font-family: "nexa-heavy";
  src: url("./static/fonts/nexa-heavy.ttf");
  src: url("./static/fonts/nexa-heavy.ttf") format("opentype"),
    url("./static/fonts/nexa-heavy.ttf") format("opentype"),
    url("./static/fonts/nexa-heavy.ttf") format("opentype");
  font-weight: 400;
}



* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  
}


h1{

	
}

h2{

}


h3{

}

button:focus 
{outline:0;}

#lp_body {
  margin: 0 auto;
  max-width: 1200px;
  font-family: "NexaLight";
  position: relative;
  overflow-x: hidden;
  background-color: #fff;
  text-overflow: ellipsis;
  white-space: normal;
}

.margin{
	margin-bottom: 30px;
}

.margin-2{
	margin-bottom: 30px;
}

.margin-3{
	margin-top: 75px;
	margin-bottom: 75px;
	
}

.tekst-1{
	font-family: "NexaBlack";
	font-size: 22px;
	letter-spacing: 4px;
	padding-top: 60px;
}

.sep{
	padding-top: 15px;
	padding-bottom: 15px;
}

.tekst-2{
	font-family: "NexaLight";
	font-size: 22px;
	letter-spacing: 4px;
}

.tekst-2-2{
	padding-top: 50px;
	font-family: "NexaLight";
	font-size: 22px;
}

.tekst-1-1{
	font-family: "NexaBlack";
	font-size: 36px;
	letter-spacing: 4px;
}

.tekst-2-1{
	font-family: "NexaLight";
	font-size: 36px;
	letter-spacing: 4px;
}

.zdjecie{
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;	
}

.text{
	font-size: 36px;
	font-family: "NexaBlack";
	text-align: center;
	color: #B69174;
	padding-top: 75px;
	 letter-spacing: 4px;
}

.text2{
	font-size: 36px;
	font-family: "NexaLight";
	text-align: center;
	color: #B69174;
	padding-top: 0px;
	letter-spacing: 4px;
}

.title{
	text-align: center;
	padding-bottom: 20px;
	padding-top: 20px;
}

.kolumna{
	background-color: #fcfcfc;
	border-radius: 20px;
	min-height: 571px;
}

.teskt-3-1{
  font-size: 22px;
  font-family: "NexaBlack";
  color: #B69174;
  line-height: 1.2;
  text-align: center;
  padding-top: 20px;  
  letter-spacing: 4px; 
}

.teskt-3-2{
  font-size: 20px;
  font-family: "NexaLight";
  color: #CDB49B;
  line-height: 1.2;
  text-align: center;  
  padding: 0px 30px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.roz1{
	margin-right: 7.5px;
}

.roz2{
	margin-right: 7.5px;
	margin-left: 7.5px;
}

.roz3{
	margin-left: 7.5px;
}

.padtop{
	padding-top: 20px;
}

.magg{
	margin-top: 10px;
}

.pad{
	padding-left: 75px;
	padding-right: 75px;
}

.tlo{

  background-image: url("./static/img/Group655.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; 
  padding-bottom: 95px;
  padding-top: 535px;

}

.none{
	display: none;
}

.tlo3{
  background-color: #CDB49B; 
  font-family: "PoppinsLight";
  font-size: 20px;
  color: white;
  padding-bottom: 95px;
  padding-top: 95px;
  padding-right: 80px;
  padding-left: 105px;
  text-align: left;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  line-height: 1.3;
  margin-left: 70px;
}

.font{
	font-family: "PoppinsBold";
}

.zdjecie3{
	position: relative;
	z-index: 999;
	padding-top: 45px;
	margin-left: 80px;
}

.tlo4{
  background-image: url("./static/img/Group658.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover; 
  height: 700px;
  padding-left: 80px;
  color: white;
}

.logo{
	padding-top: 60px;
}

@media screen and (min-width:1200px) {	
.container {
max-width:1200px;
}
}

@media screen and (max-width:1200px) {

.zdjecie3{
	margin-left: 20px;
	padding-top: 75px;
}
	
	
}

@media screen and (max-width:992px) {	


.zdjecie2{
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;	
}

.roz1{
	margin-right: 0px;
}

.roz2{
	margin-right: 0px;
	margin-left: 0px;
}

.roz3{
	margin-left: 0px;
}

.kolumna{
	min-height: auto;
}

.tlo{
	background-color: #CDB49B;
	background-image: none;
    padding-bottom: 50px;
    padding-top: 50px;	
}

.none{
	display: block;
}

.tlo3{
	  border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
	  border-radius: 20px;
	  margin-left: 0px;
}

.centrowanie{
	text-align: center;
}

.zdjecie3{
	margin: 0;
	padding: 0;
	transform: translateY(50px);	

}

.tlo4{
	background-image: url("./static/img/KBH\ 0460\ B\ Steam.png");
	text-align: center;
	padding-left: 0px;
	background-size: contain; 
	background-color: #CDB49B;
	
}

}
@media screen and (max-width:768px) {
	
	
.order-one{
	order: 1;	
}
	
.order-two{
	order: 2;	
}

	
}


@media screen and (max-width:576px) {
	
.pad{
	padding-left: 30px;
	padding-right: 30px;
}	
	
.tlo3{
	padding: 30px;
	padding-top: 75px;
}	

.tlo4{
	background-size: cover;
}
	
}

@media screen and (max-width:400px){
	
.teskt-3-1{
  font-size: 16px;
}

.teskt-3-2{
  font-size: 14px;
}	
	
.zdjecie3{
	width: 100%;

}
	
.tekst-1-1, .tekst-2-1{
	font-size: 27px;
}	
	
.centrowanie{
	margin-left: 15px;
	margin-right: 15px;
}	
	
}