#body {width:100%;max-width:1920px;max-width: 100%;}
#body .container {width:100%;padding:0;}
#page {position: relative;width: 100%;margin: 0 auto 0;text-align: left;max-width: 100%;}
#content {float: left;width: 100%;padding: 0;text-align: center;background:transparent;}
.banner {height: auto;position: relative;}
h3 {
    font-size: 32px;
    color: #393b44;
    font-weight: 800;
    font-family: 'Montserrat',arial,tahoma,verdana;
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0;
  }
  h5 {
    font-size: 15px;
    color: #393b44;
    font-weight: 600;
    font-family: 'Lato',arial,tahoma,verdana;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1.25px;
    margin: 0 auto 32px;
  }
p , h2 {max-width: 1200px;}
h2 {text-align: center;}
#page div.content {max-width: 1660px;}
#content .subpagesList {width: 94%;margin: 50px auto 60px;list-style: none;max-width: 1920px !important;display: flex;}
#content .subpagesList li p{padding-bottom:10px;font-size: 1.22em;font-weight: 400;letter-spacing:0;line-height: 1.8em;margin: 22px auto 20px !important;max-width: 990px;color: #25211c;text-align: left;width: 100%;display:block;}
#products li p {letter-spacing: 0;}
#products {padding:0;}
@media (min-width: 1200px) {
    #body .container{overflow:hidden;margin: -5px auto 0;}
    }
@media (min-width: 768px) {
    .slogan, .banner-dalej, .galeria-stopka, .menu-foot {display:block;}
    
    }

    @media (max-width: 768px) {
        #content .subpagesList {display: block;}
        .start-opis .strona {width: 100%;float: none;padding: 0 ;}
        .start-opis {padding: 120px 0;}
        .start-opis button {float: none;}
        .opis-wstep, #products {display:none;}
        #page div.content {width:90%;margin: auto}
    }


    #kategorie {width:100%;background:#fff;text-align: center; margin: 50px auto 50px;line-height: 0;}
.kategorie-blok {width:98%;margin: 20px 1%;position: relative;cursor:pointer;overflow: hidden;border-radius: 20px;padding-bottom: 140px;}

.start-oferta h2, .start-oferta p {text-align: left;}
.kategorie-okienka {width:100%;}
.blue {background: url('img/blue.webp');}
.green {background: url('img/green.webp');}
.orange {background: url('img/orange.webp');}
/*@media (min-width: 860px) {
    .kategorie-blok {width:31.33%;float:left;margin: 0 1% 0;position: relative;cursor:pointer;overflow: hidden;border-radius: 20px;padding-bottom: 140px;}
}*/
.kategorie-blok {width:100%;float:left;margin: 30px 0;position: relative;cursor:pointer;overflow: hidden;border-radius: 20px;padding-bottom: 140px;}
.kategorie-okienka-txt {position: absolute;bottom: 0;left: 0;width:100%;padding: 130px 0 0;display: block;background-size: cover;;-webkit-transition: all 0.5s;transition: all 0.5s;margin-bottom: -110px;}
/*.kategorie-okienka-txt {position: absolute;bottom: 0;left: 0;width:100%;padding: 130px 0 0;display: block;background-size: cover;;-webkit-transition: all 0.5s;transition: all 0.5s;margin-bottom: -70px;}*/
.kategorie-blok:hover .kategorie-okienka-txt {position: absolute;bottom: 0;left: 0;width:100%;padding: 210px 0 30px;display: block;background-size: cover;;-webkit-transition: all 0.5s;transition: all 0.5s;margin-bottom: 0}
.kategorie-okienka-txt button {font-size:28px;text-align: right;margin: 0;/*! line-height: 22px; */padding:60px 5% 40px;border:0;width: 90%;background: transparent;color:#fff}
.kategorie-okienka-txt button:hover {font-size:28px;text-align: right;line-height: 22px;padding:40px 5% 60px;color:#fefceb;border:0;width: 90%;}
.kategorie-okienka-txt h3 {color:#fff;margin-left:auto;margin-right:auto;text-shadow:3px 3px 3px rgba(0, 0, 0, 0.121);margin: 16px auto 6px;font-size: 20px;}
.kategorie-okienka-txt h5 {color:#fff;margin-left:auto;margin-right:auto;text-shadow:3px 3px 3px rgba(0, 0, 0, 0.121);font-size: 11px;letter-spacing: 2px;line-height: 1.8em;}
.kategorie-okienka-txt h6 {color:#fff;margin:42px auto 0;text-shadow:3px 3px 3px rgba(0,0,0,0.33);text-transform:none;font-size:16px;font-weight:400;letter-spacing:0;line-height:26px;max-width:400px;opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;}
.kategorie-blok:hover .kategorie-okienka-txt h6 {color:#fff;margin:42px auto 0;text-shadow:3px 3px 3px rgba(0,0,0,0.121);text-transform:none;font-size:16px;font-weight:400;letter-spacing:0;line-height:26px;max-width:400px;opacity: 1;padding-bottom: 40px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.galeria-start {width: 100%;margin: 100px auto 0;background-image: url('img/podzial.png');background-position: bottom;background-size: contain;background-repeat: no-repeat;padding: 0 0 180px;}

@media (min-width:480px) {
    .kategorie-blok {width:100%;float:left;margin: 30px 0;position: relative;cursor:pointer;overflow: hidden;border-radius: 20px;padding-bottom: 40px;}
    .kategorie-okienka-txt {position: absolute;bottom: 0;left: 0;width:100%;padding: 150px 0 0;display: block;background-size: cover;;-webkit-transition: all 0.5s;transition: all 0.5s;margin-bottom: -80px;}

}
@media (min-width:640px) {
    .kategorie-blok {width:100%;float:left;margin: 30px 0;position: relative;cursor:pointer;overflow: hidden;border-radius: 20px;padding-bottom: 0;}
    .kategorie-okienka-txt {position: absolute;bottom: 0;left: 0;width:100%;padding: 200px 0 0;display: block;background-size: cover;;-webkit-transition: all 0.5s;transition: all 0.5s;margin-bottom: -80px;}
}
@media (min-width:768px) {
    .kategorie-blok {width:100%;float:none;margin: 30px auto;position: relative;cursor:pointer;overflow: hidden;border-radius: 20px;padding-bottom: 0;max-width: 570px;}
    .kategorie-okienka-txt {position: absolute;bottom: 0;left: 0;width:100%;padding: 200px 0 0;display: block;background-size: cover;;-webkit-transition: all 0.5s;transition: all 0.5s;margin-bottom: -80px;}
    #content .imagesList {max-width: 570px;}
}
@media (min-width:960px) {
    .kategorie-blok {width:31.33%;float:left;margin: 0 1% 0;position: relative;cursor:pointer;overflow: hidden;border-radius: 20px;padding-bottom: 120px;}
    .kategorie-okienka-txt {position: absolute;bottom: 0;left: 0;width:100%;padding: 130px 0 0;display: block;background-size: cover;;-webkit-transition: all 0.5s;transition: all 0.5s;margin-bottom: -140px;}
    .kategorie-blok:hover .kategorie-okienka-txt h6 { margin: 32px auto 0;}
    .kategorie-okienka-txt h3 {font-size: 16px;}
    #content .imagesList {max-width: 1120px;}
}
@media (min-width:1200px) {
    .kategorie-blok {width:31.33%;float:left;margin: 0 1% 0;position: relative;cursor:pointer;overflow: hidden;border-radius: 20px;padding-bottom: 40px;}
    .kategorie-okienka-txt {position: absolute;bottom: 0;left: 0;width:100%;padding: 140px 0 0;display: block;background-size: cover;;-webkit-transition: all 0.5s;transition: all 0.5s;margin-bottom: -90px;}
    .kategorie-okienka-txt h3 {font-size: 20px;}
}
@media (min-width:1366px) {}
@media (min-width:1440px) {
    .kategorie-blok {width:31.33%;float:left;margin: 0 1% 0;position: relative;cursor:pointer;overflow: hidden;border-radius: 20px;padding-bottom: 40px;}
    .kategorie-okienka-txt {position: absolute;bottom: 0;left: 0;width:100%;padding: 150px 0 0;display: block;background-size: cover;;-webkit-transition: all 0.5s;transition: all 0.5s;margin-bottom: -80px;}
}
@media (min-width:1600px) {
    .kategorie-blok {width:31.33%;float:left;margin: 0 1% 0;position: relative;cursor:pointer;overflow: hidden;border-radius: 20px;padding-bottom: 40px;}
    .kategorie-okienka-txt {position: absolute;bottom: 0;left: 0;width:100%;padding: 180px 0 0;display: block;background-size: cover;;-webkit-transition: all 0.5s;transition: all 0.5s;margin-bottom: -80px;}
}





#start-opis {background:#fff;margin:0 auto 0;text-align:center;clear: both;}
.start-opis {padding:0;max-width: 100%;margin:0 auto;text-align:center;display: inline-block;}
.start-opis img {max-width:1024px;width:100%;margin:0; -webkit-transition: all 0.5s; transition: all 0.5s;transform: scale(1.12)}
.start-strona {width:98%;padding: 0 1%;}
.start-opis button {margin: 20px 3% 0;float:left;}.kategorie-blok:hover img {transform: scale(1) ;}
.banner_info {bottom: 0;position:absolute;}
#page{position: relative;width: 100%;margin: 0 auto 50px;text-align: left;padding: 100px 0 0;border-radius: 0;}
    #head4 .container img {
        width: 100%;
        border-radius: 0;
      }

      @media (min-width: 860px) {
        .start-strona {width:44%;float:left;padding: 0 3%;}

      }

      @media (min-width:1200px) {.youtube {width:100%;height: auto;}}
      @media (min-width:1200px) {.youtube iframe {width:100%;height: 370px;border-radius: 25px;}}

      #opis-firmy {width: 90%;padding: 120px 5%;background: #b8e3ed;display: flex;}


      @media (max-width: 1024px) {
        body {background: #fff;}
        #page {width: 90%;padding: 0px 5% 0;}
      .banner {display: none;}
  .banner-mobile, .menu-mobile {display:block;}
  #opis-firmy {
    width: 110%;
    padding: 120px 0;
    background: #b8e3ed;
    display: flex;
    margin-left: -5%;
  }
  .galeria-start {background-image: none;}
      }