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

.offer .menu {
 display: flex;
 flex-direction: row;
 padding: 0 12%;
 position: absolute;
 padding-top: 39px;
}

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

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

.offer-header h1 {
 position: absolute;
 top: 126px;
}

.offer-header h4 {
 position: absolute;
 top: 518px;
}

.offer-content {
 position: absolute;
 top: 500px;
 padding: 0 12%;
 width: 740px;
}

.offer-content p {
 width: 740px;
 line-height: 1.5;
}

.offer .services {
 position: relative;
 padding: 0 12%;
 padding-top: 109px;
 display: flex;
 flex-direction: row;
 height: 577px;
 background-color: #f7f8f9;
}

.offer .services>div {
 width: 33.333%;
}

.offer .services div h1 {
 font-size: 50px;
 max-width: 250px;
}

.offer .services div p {
 min-height: 131px;
 margin-bottom: 38px;
 width: 80%;
 line-height: 1.5;
}

.offer .services button {
 position: absolute;
 bottom: 193px;
 width: 328px;
 height: 56px;
 background: #5E89FB 0% 0% no-repeat padding-box;
 border: none;
}

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

@media(max-width:1600px) {
 .offer-header {
  height: 883px;
 }

 .offer-header h1 {
  top: 200px;
 }

 .offer-content {
  top: 634px;
 }
}

@media(max-width:1280px) {
 .offer-header h1 {
  top: 120px;
 }

 .offer-header {
  height: 783px;
 }

 .offer-content {
  top: 550px;
 }
}

@media(max-width:1024px) {
 .offer-header h1 {
  font-size: 70px;
 }

 .offer-header {
  height: 683px;
 }

 .offer-content {
  top: 460px;
 }

 .offer .services h2 {
  font-size: 26px;
 }

 .offer .services p {
  font-size: 16px;
 }
}

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

 .offer-header {
  background-image: url("../img/Oferta-mob-768-1.png");
  height: 750px;
 }

 .offer-header h1 {
  top: 420px;
  font-size: 45px;
  width: 60%;
  margin: 0 20%;
  left: 0;
  text-align: center;
 }

 .offer-content {
  width: 100%;
  top: 580px;
 }

 .offer-content p {
  width: unset;
  text-align: justify;
 }

 .offer .services {
  flex-direction: column;
  height: 780px;
  margin-bottom: 180px;
  padding-top: 80px;
 }

 .offer .services>div {
  width: 100%;
 }

 .offer .services div p {
  width: 100%;
  margin: 0;
 }

 .offer .services button {
  bottom: -120px;
  left: calc(50% - 164px)
 }

 .offer .services div h1 {
  display: none;
 }
}

@media (max-width:500px) {
 .reservation .reservation-header {
  background-image: url("../img/Baner-4-mobile.png");
  margin-bottom: 140px;
 }

 .offer-header {
  height: 700px;
 }

 .offer-header h1 {
  top: 280px;
 }

 .offer-content {
  top: 420px;
 }

 .offer .services button {
  /* left: 16%; */
 }
}

@media (max-width:414px) {
 .offer-header h1 {
  top: 200px;
 }
}

@media (max-width:375px) {
 .offer-header h1 {
  top: 200px;
  width: 76%;
  margin: 0 12%;
 }

 .offer-content {
  top: 340px;
 }

 .offer .services button {
  /* left: 3%; */
 }
}