:root{
  --gold:219, 172, 52;
  --green:7, 54, 37;
  --back-ground:250, 250, 250;
}

body{
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  background-color: rgb(var(--back-ground));
}

.panel-00{
  line-height: 30px;
}

.panel-00 p{
  margin-left: 100px;
  margin-top: 100px;
  margin-right: 100px;
  margin-bottom: 50px;
  text-align: justify;
}

@media(max-width: 500px){
  .panel-00 p{
    margin-left: 50px;
    margin-top: 50px;
    margin-right: 50px;
    margin-bottom: 25px;
  }
}

.panel-0{
  margin: auto;
  text-align: center;
  padding-top: 50px;
}

.panel-0 img{
  aspect-ratio: 2/3;
  object-fit: cover;
}

.panel-0 h1{
  margin-top: 0;
  font-size: 25px;
  margin-bottom: 60px;
  text-align: center;
}

.p0-oferta{
  display: grid;
  width: 90%;
  margin: auto;
  grid-template-columns: 85fr 2fr 15fr 21fr 22fr 29fr 13fr 17fr 28fr 29fr 28fr 17fr 13fr 29fr 22fr 21fr 15fr 2fr 85fr;
}

@media(min-width:1100px){
  .p0-oferta{
    width: 97%;
  }
}

.panel-0 img{
  width: 100%;
  transition: 1000ms;
}



.p0-o-1{
  grid-row: 1 / 2;
  grid-column: 1 / 6;
}

.p0-o-2{
  grid-row: 1 / 2;
  grid-column: 7 / 14;
}

.p0-o-3{
  grid-row: 1 / 2;
  grid-column: 15 / 120;
}

.p0-o-4{
  grid-row: 2 / 3;
  grid-column: 3 / 10;
}

.p0-o-5{
  grid-row: 2 / 3;
  grid-column: 11 / 18;
}

@media(max-width:501px){
  .p0-o-1{
    grid-row: 1 / 2;
    grid-column: 1 / 10;
  }
  
  .p0-o-2{
    grid-row: 1 / 2;
    grid-column: 11 / 20;
  }
  
  .p0-o-3{
    grid-row: 2 / 3;
    grid-column: 1 / 10;
  }
  
  .p0-o-4{
    grid-row: 2 / 3;
    grid-column: 11 / 20;
  }
  
  .p0-o-5{
    grid-row: 3 / 4;
    grid-column: 5 / 16;
  }
}

@media(min-width:1100px){
  .p0-o-1{
    grid-row: 1 / 2;
    grid-column: 1 / 2;
  }
  
  .p0-o-2{
    grid-row: 1 / 2;
    grid-column: 4 / 8;
  }
  
  .p0-o-3{
    grid-row: 1 / 2;
    grid-column: 9 / 12;
  }
  
  .p0-o-4{
    grid-row: 1 / 2;
    grid-column: 13 / 17;
  }
  
  .p0-o-5{
    grid-row: 1 / 2;
    grid-column: 19 / 20;
  }
}


.p0-o-text{
  background-color: rgb(var(--back-ground));
  margin: auto;
  width: 70%;
  padding: 10px;
  transform: translateY(-30px);
}

.p0-o-text p{
  margin-top: 0;
  margin-bottom: 30px;
  color: black;
  font-size: 16px;
}
.p0-o-text h6{
  margin: 0;
  color: black;
  font-size: 10px;
}

.panel-0 a{
  display: block;
  text-decoration: none;
}

.panel-0 a:hover img{
  transform: scale(1.1, 1.1);
}

.panel-0 a:hover p,
.panel-0 a:hover h6{
  color: rgb(var(--gold));
}

.p0-b{
  border: 1px solid black;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}



.panel-1{
  width: 100%;
  padding-top: 75px;
  padding-bottom: 75px;
}

.p11-text a{
  text-decoration: none;
  color: black;
}

.p11-text-2 a{
  text-decoration: none;
  color: white;
}

.panel-1-1{
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1200px;
  margin: auto;
}

.p1-img{
  border-right: 2px solid rgb(118, 118, 118);
  grid-row: 1 / 2;
  grid-column: 1 / 2;
}

.p1-img img{
  width: 90%;
  margin-left: 5%;
  margin-top: 20px;
}

.p1-img img,
.p1-img-2 img{
  aspect-ratio: 16/9;
}

.p1-img-text{
  background-color: rgb(var(--back-ground));
  transform: translate(0, -50px);
  width: 60%;
  margin: auto;
  padding: 10px;
}

.p1-img-text-ins{
  border: 1px solid black;
}

.p1-img-text-ins h6,
.p1-img-text-ins p{
  text-align: center;
  font-size: 16px;
  margin: 15px;
  margin-bottom: 25px;
}

.p11-text{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
  margin: auto;
}

.p11-text h5{
  font-size: 25px;
  width: 100%;
}

.p11-text h4{
  text-align: justify;
  font-size: 16px;
  margin-top: 0;
}

.panel-1-2{
  display: grid;
  grid-template-columns: 5fr 1fr 5fr 1fr 5fr 1fr 5fr;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
}

#p12-1{
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
#p12-2{
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
#p12-3{
  grid-column: 3 / 4;
  grid-row: 1 / 2;
}
#p12-4{
  grid-column: 3 / 4;
  grid-row: 3 / 4;
}
#p12-5{
  grid-column: 5 / 6;
  grid-row: 1 / 2;
}
#p12-6{
  grid-column: 5 / 6;
  grid-row: 3 / 4;
}
#p12-7{
  grid-column: 7 / 8;
  grid-row: 1 / 2;
}
#p12-8{
  grid-column: 7 / 8;
  grid-row: 3 / 4;
}
#h12-1{
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
#h12-2{
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}
#h12-3{
  grid-column: 5 / 6;
  grid-row: 2 / 3;
}
#h12-4{
  grid-column: 7 / 8;
  grid-row: 2 / 3;
}

.panel-1-2 img{
  width: 100px;
  margin: auto;
}

.panel-1-2 p{
  font-size: 16px;
  text-align: center;
}

.panel-1-2 h6{
  text-align: center;
  font-size: 16px;
  margin: 0;
  margin-top: 15px;
}

.panel-1-3{
display: grid;
grid-template-columns: 2fr 10fr 1fr 14fr 4fr;
grid-template-rows: 1fr 12fr 1fr;
margin-top: 40px;
}

.p13-bg{
  grid-column: 2 / 5;
  grid-row: 1 / 4;
  border: 1px solid rgb(104, 104, 104);
}

.p13-1{
grid-column: 2 / 3;
grid-row: 2 / 3;
padding-left: 30px;
padding-right: 30px;
}

.p13-1 p,
.p13-1 li{
  font-size: 16px;
}

.p13-1 h4{
  font-size: 25px;
}

.panel-1-3 img{
  grid-column: 4 / 6;
  grid-row: 2 / 3;
  width: 100%;
}




.panel-1-1-2{
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-left: 30px;
  padding-right: 30px;
  max-width: 1200px;
  margin: auto;
}

.p1-img-2{
  border-left: 1px solid rgb(255, 255, 255);
  grid-row: 1 / 2;
  grid-column: 2 / 3;
}

.p1-img-2 img{
  width: 90%;
  margin-left: 5%;
  margin-top: 20px;
}

.p1-img-text-2{
  background-color: rgb(var(--back-ground));
  transform: translate(0, -50px);
  width: 60%;
  margin: auto;
  padding: 10px;
}

.p1-img-text-ins-2{
  border: 1px solid black;
}

.p1-img-text-ins-2 h6,
.p1-img-text-ins-2 p{
  text-align: center;
  font-size: 16px;
  margin: 15px;
  margin-bottom: 25px;
}

.p11-text-2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 90%;
  margin: auto;
}

.p11-text-2 h5{
  font-size: 25px;
  width: 100%;
}

.p11-text-2 h4{
  text-align: justify;
  font-size: 16px;
  margin-top: 0;
}

.panel-1-3-2{
  display: grid;
  grid-template-columns: 4fr 14fr 1fr 10fr 2fr;
  grid-template-rows: 1fr 12fr 1fr;
  margin-top: 40px;
  }
  
  .p13-bg-2{
    grid-column: 2 / 5;
    grid-row: 1 / 4;
    border: 1px solid rgb(104, 104, 104);
  }
  
  .p13-1-2{
  grid-column: 4 / 5;
  grid-row: 2 / 3;
  padding-left: 30px;
  padding-right: 30px;
  }
  
  .p13-1-2 p,
  .p13-1-2 li{
    font-size: 16px;
  }
  
  .p13-1-2 h4{
    font-size: 25px;
  }
  
  .panel-1-3-2 img{
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    width: 100%;
  }

  #pakiet2,
  #pakiet4,
  #pakiet2 .p1-img-text-2,
  #pakiet4 .p1-img-text-2{
    background-color: rgb(var(--green));
  }

  #pakiet2 p,
  #pakiet4 p,
  #pakiet2 h6,
  #pakiet4 h6,
  #pakiet2 h5,
  #pakiet4 h5,
  #pakiet2 h4,
  #pakiet4 h4,
  #pakiet2 li,
  #pakiet4 li{
    color: white;
  }

  #pakiet2 .p1-img-text-ins-2,
  #pakiet4 .p1-img-text-ins-2{
    border-color: white;
  }


  @media(max-width: 1000px){
    #pakiet1,
    #pakiet2{
      padding-top: 30px;
      padding-bottom: 50px;
    }

    .p1-img,
    .p1-img-2{
      grid-column: 1 / 3;
      border: none;
    }

    .p11-text,
    .p11-text-2{
      grid-column: 1 / 3;
    }

    .p11-text h5,
    .p11-text-2 h5{
      margin-top: 0;
    }


    #p12-1{
      grid-column: 1 / 4;
      grid-row: 1 / 2;
    }
    #p12-2{
      grid-column: 1 / 4;
      grid-row: 3 / 4;
    }
    #p12-3{
      grid-column: 5 / 8;
      grid-row: 1 / 2;
    }
    #p12-4{
      grid-column: 5 / 8;
      grid-row: 3 / 4;
    }
    #p12-5{
      grid-column: 1 / 4;
      grid-row: 4 / 5;
    }
    #p12-6{
      grid-column: 1 / 4;
      grid-row: 6 / 7;
    }
    #p12-7{
      grid-column: 5 / 8;
      grid-row: 4 / 5;
    }
    #p12-8{
      grid-column: 5 / 8;
      grid-row: 6 / 7;
    }
    #h12-1{
      grid-column: 1 / 4;
      grid-row: 2 / 3;
    }
    #h12-2{
      grid-column: 5 / 8;
      grid-row: 2 / 3;
    }
    #h12-3{
      grid-column: 1 / 4;
      grid-row: 5 / 6;
    }
    #h12-4{
      grid-column: 5 / 8;
      grid-row: 5 / 6;
    }

    .panel-1-3,
    .panel-1-3-2{
      grid-template-rows: 3fr 3fr 1fr auto 1fr;
      grid-template-columns: 2fr 10fr 10fr 2fr;
      margin-left: 20px;
      margin-right: 20px;
    }

    .p13-bg,
    .p13-bg-2{
      grid-column: 1 / 5;
      grid-row: 2 / 6;
    }

    .p13-1,
    .p13-1-2{
      grid-column: 1 / 5;
      grid-row: 4 / 5;
    }

    .panel-1-3 img,
    .panel-1-3-2 img{
      grid-column: 2 / 4;
      grid-row: 1 / 3;
    }
  }