body {
    text-align: center;
    margin: 0 auto;
    padding: 0 auto;
    font-family: 'Saira Semi Condensed', sans-serif;
	max-width: 1400px;
}
img
{
	width: 100%;
}
.g-recaptcha
{
	margin-left:20%
}
#sec2
{
	width: 100%;
	background-image: url('images/01_desktop.jpg');
	height: 547px;
	position: relative;
}
.x-p
{
	padding: 4% 4%;
	z-index: 2;
	font-size: 15px;
	color: #505050;

	
}
.x-p2
{
	padding: 6% 8%;
	z-index: 2;
	font-size: 18px;
	color: #505050;
}
#sec4
{
	width: 100%;
	background-image: url('images/02_desktop.jpg');
	background-position: bottom;
	height: 500px;
	position: relative;
}


.txt
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: flex-end;
}
.txt > .x-p
{
	font-size: 15px;
	padding: 0% 2% 5% 2%;

}
.col
{
	margin-left: -3%;
	padding: 0 3%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

.p-sec2
{
	padding: 0 6%;
	text-align: center;
	font-size: 15px;
}
#div-contact
{
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: flex-start;
}
#formularz
{
	position: relative;
	height: 450px;
	flex-grow: 1;
}
#dane
{
	margin-left: 8%;
    height: 450px;
    text-align: left;
}
#marketing
{
	color: white;
    width: 43%;
    float: left;
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

	
}
#sec4-p
{
	font-size: 18px;
    margin: 0 16% 0% 16%;
}
.x-sec4-h2
{
	margin-top: 0;
	padding: 0%;
	font-size: 50px;
	margin-bottom: 0;
	line-height: 1;
}
.x-h2
{
	font-size: 50px;
    margin-bottom: 0;
	padding-left: 4%;

}
.form::placeholder
{
		font-size: 15px;
		color: rgba(93, 93, 93, 0.502);
		line-height: 1;
		font-weight: 550;
}
#txtarea::placeholder
{
		font-size: 15px;
		color: rgba(93, 93, 93, 0.502);
		line-height: 1.4;
		font-weight: 550;
		margin-bottom: 0;
}
#txtarea
{
	font-size: 20px;
	height: 100px;
	min-height: 25px;
	max-height:100px;
	min-width: 60%;
	max-width: 60%;
}
#form-h
{
	width: 30%;
}
.form
{	
	height: 29px;
	width: 60%;
	margin-bottom: 1%;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:3px solid #bdbdbd;
	font-weight: 500;
	
}
#sec2
{
	color: white;
}
#div-sec1
{
	margin: 0;
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);

}
#input1
{
		position: absolute;
		border-width: 4px;
		border-color: rgb(189, 189, 189);
		border-style: solid;
		background-color: rgb(255, 255, 255);
		box-shadow: 5.248px 6.038px 11.7px 1.3px rgba(24, 23, 24, 0.23);
		width: 133px;
		height: 45px;
		font-size: 20px;
		color: rgba(93, 93, 93, 0.8);
		line-height: 0.8;	
		right: 19.5%;
		font-weight: 550;
}
.p-title
{
		font-size: 62.333px;
		color: rgb(0, 0, 0);
		line-height: 0.9;
		text-align: center;
		font-weight: bold;
}
.p-cont2
{		

	font-size: 40px;
		color: rgb(0, 0, 0);
		line-height: 0.833;
		text-align: center;

}
.p-mtitle
{
	font-size: 40px;
		color: rgb(0, 0, 0);
		line-height: 0.833;
		font-size:28px,
  
}
.p-stitle
{
	margin-bottom: -8%;
	font-size: 24px;
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.p-t
{
	font-size: 30px;
    color: rgb(0, 0, 0);
    line-height: 0.952;
}
#form-contact
{
	position: relative;
}
footer
{
	margin-top: -8%;
}
header
{
	position: relative;
}
@media only screen 
and (max-width : 1224px) {
	#sec4
{
	width: 100%;
	background-image: url('images/02_mobile.jpg');
	background-position: bottom;
	height: 414px;
	position: relative;

}
#marketing
{
	color: white;
    width: 100%;

}
.x-h2
{

padding-left: 0%;
}
#div-contact
{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: flex-start;
}
#formularz
{
	position: relative;
	height: 400px;
	width: 100%;
}
#dane
{
	margin-left:0%;
    width: 100%;
    height: 400px;
    text-align: center;
	z-index: 3;
	margin-top:-4%;
}
.p-stitle {
    margin-bottom: -2%;
    font-size: 35px;
    color: rgb(0, 0, 0);
    font-weight: bold;
}
.txt
{
	flex-direction: column;
}
.txt > .x-p
{
	padding: 2% 6%;
	z-index: 2;
    font-size: 21px;
}
#txtarea
{
	font-size: 20px;
	height: 25px;
	min-height: 25px;
	max-height:100px;
	min-width: 80%;
	max-width: 80%;
}
#form-h
{
	width: 40%;
}
.form
{	
	height: 29px;
	width: 80%;
	margin-bottom: 1%;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:3px solid #bdbdbd;
	font-weight: 500;
}
#input1
{
		position: absolute;
		border-width: 4px;
		border-color: rgb(189, 189, 189);
		border-style: solid;
		background-color: rgb(255, 255, 255);
		box-shadow: 5.248px 6.038px 11.7px 1.3px rgba(24, 23, 24, 0.23);
		width: 133px;
		height: 45px;
		font-size: 20px;
		color: rgba(93, 93, 93, 0.8);
		line-height: 0.8;	
		right: 9.5%;
		font-weight: 550;
}
#sec2
{
	width: 100%;
	background-image: url('images/01_mobile.jpg');
	height: 895px;
	position: relative;
}
.col
{
	padding: 0 6%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
}

}
@media only screen 
and (max-width : 684px) {
	

	#sec4
{
	width: 100%;
	background-image: url('images/02_mobile.jpg');
	background-position: bottom;
	height: 614px;
	position: relative;

}
#sec2
{
	width: 100%;
	background-image: url('images/01_mobile.jpg');
	height: 1295px;
	position: relative;
}
.x-sec4-h2
{
	margin-top: 0;
	padding: 0%;
	font-size: 40px;
	margin-bottom: 0;
	line-height: 1;
}
.x-h2
{
	font-size: 40px;
	margin-bottom: 0;
	padding-left: 0%;

}
.p-title
{
		font-size: 45.333px;
		color: rgb(0, 0, 0);
		line-height: 0.9;
		text-align: center;
}
.p-cont2 {
    font-size: 28px;
    color: rgb(0, 0, 0);
    line-height: 0.833;
    text-align: center;
}
.p-sec2 {
    padding: 0 1%;
    text-align: center;
	font-size: 20px;
	margin-bottom: 0;
}
#sec4-p {
    font-size: 20px;
    margin: 0 5% 0% 5%;
}
.p-t{
	font-size: 25px
}
}