.main {
 margin-bottom: 106px;
}

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

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

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

.reservation-header h1 {
 position: absolute;
 top: 120px;
 width: 694px;
}

.light {
 max-width: 900px;
 margin: 0 auto;
}

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

 .reservation .reservation-header {
  height: 645px;
 }

 .calendar {
  padding-bottom: 80px;
 }
}

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

 .reservation .reservation-header {
  height: 545px;
 }
}

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

 .reservation .reservation-header {
  height: 445px;
 }
}

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

 .reservation .reservation-header {
  background-image: url("../img/kontakt-mob-768-4.png");
  margin-bottom: 140px;
  height: 745px;
 }

 .reservation-header h1 {
  top: 700px;
  font-size: 45px;
  width: 76%;
  margin: 0 12%;
  left: 0;
  text-align: center;
 }
}

@media(max-width:500px) {
 .reservation .contact-header {
  height: 450px;
 }

 .reservation .reservation-header {
  background-image: url("../img/Baner-3-mobile.png");
  margin-bottom: 140px;
  height: 445px;
 }

 .reservation-header h1 {
  top: 350px;
 }

 .calendar {
  padding-bottom: 80px;
 }
}

@media(max-width:375px) {
 .reservation-header h1 {
  top: 350px;
 }

 .reservation .reservation-header {
  height: 400px;
 }
}

.reserv {
 margin-top: -50px;
 margin-bottom: 30px;
}

.reserv .widget-content {
 display: flex;
 flex-direction: row;
}

.reserv .info {
 width: 50%;
}

.reserv .info p {
 background-repeat: no-repeat;
 margin: 0;
 min-height: 25px;
}

.reserv .info:first-of-type p {
 padding-right: 4%;
 background-image: url(../img/Elipsa-a.png);
 background-position-x: calc(100% - 175px);
}

.reserv .info:last-of-type p {
 padding-left: 7%;
 background-image: url(../img/Elipsa-b.png);
 background-position-x: 25px;
}

.reserv .widget-content>.info:first-of-type {
 text-align: right;
}

@media (min-width: 980px) and (max-width: 1220px) {
 .reserv {
  margin-top: 0;
 }

 .reserv .info:last-of-type p {
  background-position-x: 15px;
  padding-left: 6%;
 }

 .reserv .info:last-of-type p {
  padding-left: 8%;
 }
}

@media (min-width: 767px) and (max-width: 979px) {
 .reserv .info:last-of-type p {
  background-position-x: 5px;
  text-align: left !important;
 }
}

@media (max-width: 767px) {
 .reserv {
  margin-top: 130px !important;
 }

 .reserv .info p {
  padding-bottom: 0px;
 }

 .reserv .custom .widget-content .info:last-of-type p {
  text-align: left !important;
  padding-left: 20%;
 }

 .reserv .custom .widget-content .info:first-of-type p {
  text-align: right !important;
 }
}

@media (max-width: 500px) {
 .reserv .widget-content {
  flex-direction: column;
 }

 .reserv .info {
  width: 100%;
 }

 .reserv .custom .widget-content .info:last-of-type p,
 .reserv .custom .widget-content .info:first-of-type p {
  text-align: left !important;
  padding-left: 75px !important;
  background-position: 9% !important;
 }

 .reserv .info p {
  text-align: center !important;
  background-position: 30% !important;
  padding: 0px !important;
  margin-bottom: 10px;
 }

 .reserv {
  margin-bottom: 10px;
 }
}

@media (max-width: 400px) {
 .reserv .info p {
  background-position: 23% !important;
 }
}