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

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

@font-face {
  font-family: "AbrilFatface";
  src: url("../fonts/AbrilFatface-Regular.ttf");
  src: url("../fonts/AbrilFatface-Regular.ttf") format("opentype"),
    url("../fonts/AbrilFatface-Regular.ttf") format("opentype"),
    url("../fonts/AbrilFatface-Regular.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;
}

.zdjecie{

	
}

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

.font2{
	font-family: "NexaBold";
}

.text{
	font-size: 36px;
	font-family: "AbrilFatface";
	text-align: center;
	color: #555555;
	padding-top: 75px;
}

.text2{
	font-size: 36px;
	font-family: "NexaLight";
	text-align: center;
	color: #555555;
}

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

.text3{
	font-size: 27px;
	font-family: "NexaBlack";
	text-align: center;
	color: #555555;	
}

.text4{
	font-size: 27px;
	font-family: "NexaLight";
	text-align: center;
	color: #555555;	
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 50px;
	margin-top: -100px;
}

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

.tlo{

	border-radius: 20px;
	min-height: 512px;

}

.padtop3{
	padding-top: 40px;
}

.pozycja{
	text-align: left;
}

.pozycja2{
	text-align: right;
}

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

.padtop{
	padding-top: 20px;
}

.padtop2{
	padding-bottom: 30px;
	padding-top: 30px;
}

.magg{
	margin-top: 10px;
}

.teskt-3-1{
  font-size: 28px;
  font-family: "AbrilFatface";
  color: #555555;
  line-height: 1.2;
  text-align: right;
  padding-top: 50px;  
  
}

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

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

.padding-1{
	padding-right: 24px;

}

.padding-2{
	padding-left: 24px;

}

.padding-2-5{
	padding-left: 24px;
	padding-top: 60px;
}

.margin{
	margin-top: 40px;
}

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

.margin-3{
	margin-top: 45px;
	margin-bottom: 30px;
	
}

.center{
	text-align: center;  
}


.margin-4{
	margin-top: 50px;
	margin-bottom: 50px;
}

.teskt{	
  font-size: 28px;
  font-family: "AbrilFatface";
  color: #555555;
  line-height: 1.2;
  text-align: left;
  padding-top: 50px;  
}

.teskt-2{
  font-size: 20px;
  color: #555555;
  line-height: 1.222;
  text-align: left;
  padding-top: 20px;  

}

.teskt-2-1{
  font-size: 20px;
  color: #555555;
  line-height: 1.222;
  text-align: right;
  padding-top: 20px;  

}


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

.teskt-4{
  font-size: 16px;
  font-family: "nexa-heavy";
  color: rgb(85, 85, 85);
  line-height: 1.2;
  text-align: left;	
}

.teskt-5{
  font-size: 12px;
  color: rgb(85, 85, 85);
  line-height: 1.2;
  text-align: left;
  padding-bottom: 10px;  
}
.teskt-6{
  font-size: 18px;
  font-family: "nexa-heavy";
  color: rgb(85, 85, 85);
  line-height: 1.2;
  text-align: left;		
}

.teskt-7{
  font-size: 14px;
  color: rgb(85, 85, 85);
  line-height: 1.2;
  text-align: left;		
}

.padding-3{
	padding: 0 24px;
}

.pad-2{
	margin-right: 75px;
}

.pad-1{
	margin-left: 75px;
}

.roz1{
	margin-right: 7.5px;
}

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

.roz3{
	margin-left: 7.5px;
}

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

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

.zdjecie2{
	width: 100%;
}

.kolumna{
	min-height: 690px;
}

.pad-2{
	margin-right: 0px;
}

.pad-1{
	margin-left: 0px;
}

.tlo{
	min-height: auto;
}


.zdjecie, .zdjecie4{
	width: 100%;
}

.auto{
	width: 100%;
}
	
}

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

.teskt, .teskt-3, .teskt-2, .teskt-2-1, .teskt-3-1{
	text-align: center;
}	

.padding-2-5{
	padding: 15px 0px;
}


.teskt-4, .teskt-6{
  font-size: 27px;
  text-align: center;		
}

.teskt-5, .teskt-7{
  font-size: 18px;
	
}

.roz1{
	margin-right: 0px;
}

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

.roz3{
	margin-left: 0px;
}

.kolumna{
	min-height: auto;
}

.order-one{
	order: 1;	
}
	
.order-two{
	order: 2;	
}



.padding-1{
	padding: 15px 0px;
}

.padding-2{
	padding: 15px 0px;
}	
	
.padding-3{
	padding: 15px 0px;
}	

.top{
	padding-top: 20px;
}

.auto{
	width: auto;
}

}


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

	
.margin-2, .margin-3, .margin-4{
	margin: 0;
}
	

	


.padtop2{
	width: 100%;
}
	
}

@media screen and (max-width:576px) {
	.pad{
		padding: 0;
		padding-top: 20px;
	}

.roz1, .roz2, .roz3{
	margin-left: 15px;
	margin-right: 15px;
}
	
	.text, .text2{
		font-size: 24px;
	}

	.text3, .text4{
		font-size: 20px;
		margin: 0;
	}

.text4{
	padding-left: 15px;
	padding-right: 15px;
}

.title{
	padding: 20px 0px;
}
	
	.teskt-2{
		padding: 15px;
		
	}

	.zdjecie4{
		width: 100%;
	}
	
}