.main {
 margin-bottom: 106px;
}

.main-header {
 height: 700px;
 padding: 0 12%;
 background-image: url("https://www.pasaz24cdn.pl/web272/media/baner_main2.png?d=15090129");
 background-repeat: no-repeat;
 background-size: contain;
}

.main .menu {
 display: flex;
 flex-direction: row;
 position: absolute;
 padding-top: 39px;
}

.main .menu a {
 padding: 10px 15px;
 font-size: 16px;
 font-weight: 700;
 text-decoration: none;
 color: #3F3F3F;
}

.main-header h1,
.main-header h4 {
 width: 595px;
}

.main-header h1 {
 position: absolute;
 top: 146px;
}

.main-header h4 {
 position: absolute;
 top: 380px;
}

.main-header button {
 position: absolute;
 top: 525px;
 width: 328px;
 height: 56px;
 background: #5E89FB 0% 0% no-repeat padding-box;
 border: none;
}

.main-header button a {
 color: #fff;
 display: block;
 width: 100%;
 height: 100%;
 text-decoration: none;
 font-size: 15px;
 font-weight: 700;
 line-height: 56px;
}

.main .services,
.main-contact {
 padding: 0 12%;
 margin-top: 79px;
 display: flex;
 flex-direction: row;
 height: 263px;
}

.main .services div,
.main-contact div {
 width: 33.333%;
}

.main .services div p {
 min-height: 131px;
 margin-bottom: 38px;
 width: 70%;
}

.main-contact {
 margin-top: 79px;
 height: 112px;
}

.main-contact div {
 border-right: 2px solid #ebebeb;
 padding-top: 32px;
 width: 21%;
 margin-right: 15%;
}

.main-contact div:last-of-type {
 margin-right: 0%;
 border: none;
}

.main-contact div p {
 min-height: 60px;
 margin-bottom: 32px;
}

.main .services div button {
 width: 201px;
 height: 56px;
 background: #EBEBEB 0% 0% no-repeat padding-box;
 border: none;
}

.main .services div button a {
 font-size: 16px;
 font-weight: 700;
 color: #3F3F3F;
 text-decoration: none;
 width: 100%;
 height: 100%;
 display: block;
 line-height: 56px;
}

.main .main-footer {
 height: 797px;
 margin-top: 100px;
 background-image: url("../img/Baner-2.png");
 background-repeat: no-repeat;
 background-size: contain;
 position: relative;
}

.main .main-footer h1 {
 position: absolute;
 top: 185px;
 left: 1049px;
 font-weight: 700;
}

.main .main-footer p {
 position: absolute;
 top: 430px;
 left: 1049px;
 max-width: 450px;
}

.main .main-footer button {
 position: absolute;
 top: 545px;
 left: 1049px;
 width: 328px;
 height: 56px;
 background: #5E89FB 0% 0% no-repeat padding-box;
 border: none;
}

.main-mobile {
 display: none;
}

.main .main-footer button a {
 color: #fff;
 text-decoration: none;
 font-size: 15px;
 font-weight: 700;
}

@media(max-width:1600px) {
 .main-header h1 {
  top: 146px;
 }

 .main-header h4 {
  top: 380px;
 }

 .main-header button {
  top: 525px;
 }

 .main-header {
  height: 721px;
 }

 .main .main-footer {
  height: 610px;
 }

 .main .main-footer h1 {
  top: 145px;
  left: 749px;
 }

 .main .main-footer p {
  top: 380px;
  left: 749px;
 }

 .main .main-footer button {
  top: 465px;
  left: 749px;
 }
}

@media(max-width: 1366px) {
 .main .main-footer h1 {
  font-size: 82px;
 }
}

@media(max-width:1280px) {
 .main-header h1 {
  top: 196px;
  font-size: 45px;
 }

 .main-header h4 {
  font-size: 21px;
  top: 280px;
 }

 .main-header button {
  top: 375px;
 }

 .main-header {
  height: 571px;
 }

 .main .main-footer {
  height: 490px;
 }

 .main .main-footer h1 {
  font-size: 45px;
 }

 .main .main-footer p {
  top: 280px;
  font-size: 21px;
 }

 .main .main-footer button {
  top: 365px;
 }

 .main-contact div {
  width: 27%;
  margin-right: 10%;
 }
}

@media(max-width:1024px) {
 .main-header h1 {
  top: 146px;
 }

 .main-header h4 {
  top: 220px;
 }

 .main-header button {
  top: 300px;
 }

 .main-header {
  height: 450px;
 }

 .main .main-footer h1 {
  left: 449px;
 }

 .main .main-footer p {
  top: 220px;
  left: 449px;
 }

 .main .main-footer button {
  top: 290px;
  left: 449px;
 }

 .main .main-footer {
  height: 390px;
 }
}

@media(max-width:768px) {
 .main {
  display: none;
 }


 .main-mobile {
  display: block;
 }

 .main-mobile a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: block;
  line-height: 56px;
 }

 .main-mobile .header-mobile {
  width: 100%;
  height: 628px;
  background-image: url(../img/Oferta-mob-768-2.png);
  background-repeat: no-repeat;
  background-size: contain;
 }

 .main-mobile .burger {
  width: 47px;
  height: 47px;
  position: fixed;
  top: 25px;
  left: 25px;
  background-image: url(../img/hamburger.png)
 }

 .main-mobile h1 {
  font-size: 45px;
  margin: 43px auto 0;
  width: 298px;
  text-align: center;
 }

 .main-mobile h4 {
  margin-top: 50px;
  font-size: 21px;
  margin: 30px auto;
  width: 298px;
  text-align: center;
 }

 .main-mobile button {
  width: 355px;
  height: 56px;
  margin: 0 auto;
  text-align: center;
  display: block;
  background-color: #5E89FB;
  font-size: 16px;
  border: none;
  color: white;
 }

 .main-mobile button a {
  color: white;
  font-size: 16px;
 }

 .main-mobile .services-mobile {
  padding-top: 20px;
  border-top: 2px solid #E1E1E1;
  margin: 80px 30px;
 }

 .main-mobile .services-mobile .item h1 {
  margin: 40px auto 30px;
 }

 .main-mobile .services-mobile .item p {
  margin-bottom: 40px;
  text-align: justify;
 }

 .main-mobile .services-mobile .item button {
  width: 200px;
  height: 55px;
  background-color: #EBEBEB;
  color: black;
  font-size: 16px;
  font-weight: bold;

 }

 .main-mobile .services-mobile .item button a {
  color: black;
 }

 .main-mobile .survey-mobile {
  width: 100%;
  height: 330px;
  background-image: url(../img/Oferta-mob-768-3.png);
  background-repeat: no-repeat;
  background-size: contain;
 }

 .main-mobile h1:last-of-type {
  margin-bottom: 45px;
 }

 .main-mobile>p:last-of-type {
  margin: 0 30px 50px;
  max-width: 450px;
  text-align: justify;
 }

 .main-mobile .contact-mobile {
  display: flex;
  flex-direction: row;
  margin: 30px 0;
  flex-wrap: wrap;
  background-color: #f9f9f9;
  padding-bottom: 30px;
  margin-top: 60px;
 }

 .main-mobile .contact-mobile div {
  margin-left: 30px;

 }

 .main-mobile .contact-mobile div h4 {
  width: auto;
  text-align: left;
  font-weight: bold;
  margin-bottom: 10px;
 }



}

@media(max-width: 500px) {
 .main-mobile .header-mobile {
  height: 409px;
 }

 .main-mobile .survey-mobile {
  height: 409px;
 }
}

@media(max-width: 375px) {
 .main-mobile .header-mobile {
  height: 307px;
 }

 .main-mobile .survey-mobile {
  height: 307px;
 }
}