@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-Regular";
  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{

	
}

video {
  width: 102.5%;
  height: auto;
}

.padleri{
	padding-left: 60px;
	padding-right: 60px;
}

.padle{
	padding-left: 60px;
}

.flexx{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-content: stretch;
    align-items: center;	
}

.font{
	font-family: "nexa-heavy";
}

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

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

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

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

.margin-8{
	padding-top: 60px;
}

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


.text4-1{
	font-size: 27px;
	font-family: "NexaLight";
	text-align: justify;
	color: #555555;	
}
.text4{
	font-size: 27px;
	font-family: "NexaLight";
	text-align: center;
	color: #555555;	
	padding-top: 25px;
	
}

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

.pt{
	padding-bottom: 45px;
}

.tlo{
	background-color: #fcfcfc;
	border-radius: 20px;
	min-height: 512px;

}

.padtop3{
	margin-top: 40px;
}

.pozycja{
	text-align: left;
}

.pozycja2{
	text-align: right;
}

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

.padtop{
	margin-top: 20px;	
}

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

.magg{
	margin-top: 10px;
	margin-bottom: 60px;
}

.magg2{
	margin-bottom: 30px;
}

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

.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;
	
}


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

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

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

.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;
}

.flexx-2{
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: stretch;
    align-items: center;	
}



.zdjecie2{
	min-height: 291px;
}

.teskt-10{
  font-size: 15px;
  font-family: "NexaLight";
  color: rgb(85, 85, 85);
  line-height: 1.2;	
  padding-top: 20px;
}

a:hover {
  text-decoration: none;
}

.margines{
	margin-top: 60px;
	margin-bottom: 60px;
}

.text11{
  padding-top: 100px;
  padding-bottom: 20px;
  font-size: 26px;
  font-family: "NexaBlack";
  color: #555555;
  text-align: center; 
  letter-spacing: 4px;   
}

.text22{
  font-size: 20px;
  font-family: "NexaLight";
  color: #555555;
  line-height: 1.2;
  text-align: center;  
  padding-bottom: 100px;
}

.text5{
 font-family: "AbrilFatface-Regular";
 color: #555555;
 font-size: 57px;
 padding-bottom: 30px;
 padding-top: 30px;
}

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

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

.video{
	width: 456px;
	height: 456px;
}

.text3-1{
	font-size: 20px;
}

.text4-1{
	font-size: 20px;

}

.teskt-3-2{
	padding: 0 15px;
	font-size: 16px;
	padding-bottom: 20px;
    padding-top: 20px;	
}

.flexx-2{
	display: block;
	text-align: center;
}

.kolumna2{
	padding: 0px 30px;
}

.zdjecie2{
	width: 100%;
}

.kolumna{
	min-height: 490px;
}

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

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

.tlo{
	min-height: auto;
}


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

@media screen and (max-width:992px) {	
.video{
	width: 100%;
	height: auto;
}

.kolumna2{
	padding: 0px 15px;
}

.zdjecie2v1{
	width: 100%;
}


.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;
}

}


@media screen and (max-width:768px) {
	
.flexx{
	display: block;
	text-align: center;
}	

.padle{
	padding-left: 0px;
	padding-top: 30px;
}
	
.padleri{
	padding-left: 15px;
	padding-right: 15px;
}		
	
.margin-2, .margin-3, .margin-4{
	margin: 0;
}
	
.teskt, .teskt-3{
	text-align: center;
}	
	
.text5{
	font-size: 45px;
}

.padtop2{
	width: 100%;
}
	
}

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

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

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

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

	.zdjecie4{
		width: 100%;
	}

.zdjecie2{
	width: 100%;
	min-height: auto;
}


	
}