.main-blog {padding-bottom: 2rem; margin-bottom: 5rem}
.main-blog {border-bottom: 1px solid rgb(220, 220, 220)}
.grid-blog p:first-child {margin-top: 0}

@media (min-width: 992px){
.blog-tyt {font-size: 30px !important}
.main-blog > h2 {margin: 0 0 3rem 0; font-size: 30px}
.grid-blog {display: grid; grid-template-columns: auto auto; grid-column-gap: 20px; align-items: start}
.g-1 {grid-column-start: 1; grid-row-start: 1}
.g-2 {grid-column-start: 2; grid-row-start: 1}
}

@media (max-width: 991px){
.blog-tyt {font-size: 25px !important}
.main-blog > h2 {margin: 0 0 2rem 0; font-size: 20px}
.grid-blog {display: grid; grid-template: auto auto / 100%; grid-row-gap: 20px; align-items: start}
.g-t {grid-column-start: 1; grid-row-start: 2}
.g-f {grid-column-start: 1; grid-row-start: 1}
}

.naw-blog {position: relative; text-transform: uppercase; font-weight: 600; font-size: 1.3rem; text-decoration: none !important; letter-spacing: 1px}
.naw-blog::after {transition: 0.3s; font-weight: 600; position: absolute; font-size: 21px; color: rgb(255, 0, 36)}
.naw-blog:hover {color: rgb(255, 0, 36)}
.dalej-blog::after {bottom: -10px; right: -40px; content: "\1F846"}
.wroc-blog::after {bottom: -10px; left: -40px; content: "\1F844"}
.dalej-blog:hover::after {transform: translateX(20px)}
.wroc-blog:hover::after {transform: translateX(-20px)}

.blog-nawi {display: grid; grid-template-columns: 50% 50%; align-items: center}
.blog-nawi div:first-child {justify-self: start; padding-left: 40px}
.blog-nawi div:last-child {justify-self: end; padding-right: 40px}

.blog-foto img {max-width: 100%; margin-bottom: 2rem}

.menu-cien {box-shadow: 0 3px 5px 0 rgb(0,0,0)};
.flink a:hover {color: rgb(255, 0, 36) !important}

.art-grid {display: grid; justify-items: stretch; align-items: start; grid-row-gap: 30px; padding: 0 15px 0 15px}
.art-grid img {max-width: 100%}
@media (min-width: 1510px){
.art-grid {grid-template-columns: repeat(3, 410px); grid-column-gap: 81px}
}
@media (min-width: 1200px) and (max-width: 1509px){
.art-grid {grid-template-columns: repeat(3, 317px); grid-column-gap: 79.5px}
}
@media (min-width: 992px) and (max-width: 1199px){
.art-grid {grid-template-columns: repeat(3, 250px); grid-column-gap: 80px}
}
@media (min-width: 768px) and (max-width: 991px){
.art-grid {grid-template-columns: repeat(2, 304px); grid-column-gap: 70px}
}
@media (max-width: 767px){
.art-grid {grid-template-columns: 100%}
}

.art-tekst > * > * > * > * > *:last-child {margin-bottom: 0 !important}
.art-tekst {text-align: justify}
.art-tekst-k {text-align: center}
.art-nag {text-align: center !important}
.art-tekst p, .art-tekst ul {margin-bottom: 2rem}
.art-tekst p.z-foto {text-align: center}
.art-tekst img {width: auto; height: auto; max-width: 100%; object-fit: contain}
.art-img-g {text-align: center; margin-bottom: 30px}
.art-tekst ul {margin-top: -1.5rem; font-size: 16px}

.art-tekst table {font-size: 16px}

.tabela-z table {width: 100%; text-align: center; margin: 3rem 0 3rem 0}
.tabela-z td {padding: 1rem; border-bottom: 1px solid rgb(255, 0, 36)}
.tabela-z table tr:first-child td {background-color: rgb(255, 0, 36); color: rgb(255, 255, 255); border-bottom: none; font-weight: 700}
.tabela-z .Tytul {background-color: rgb(225, 225, 225); font-weight: 700}
.tabela-z .n {white-space: nowrap;}

.grid-gal {display: grid; justify-content: center; justify-items: center; align-items: center; margin-top: 70px}
.grid-gal img {max-width: 100%}
@media (min-width: 992px){
.grid-gal {grid-template-columns: repeat(auto-fit, 23.5%); grid-column-gap: 2%}
}
@media (min-width: 768px) and (max-width: 991px){
.grid-gal {grid-template-columns: repeat(auto-fit, 31.33%); grid-column-gap: 3%}
}
@media (min-width: 576px) and (max-width: 767px){
.grid-gal {grid-template-columns: repeat(auto-fit, 48%); grid-column-gap: 4%}
}
@media (max-width: 575px){
.grid-gal {grid-template-columns: 100%}
}
@media (min-width: 1510px){
.grid-gal {grid-row-gap: 27px}
}
@media (min-width: 1200px) and (max-width: 1509px){
.grid-gal {grid-row-gap: 22px}
}
@media (min-width: 992px) and (max-width: 1199px){
.grid-gal {grid-row-gap: 18px}
}
@media (min-width: 768px) and (max-width: 991px){
.grid-gal {grid-row-gap: 21px}
}
@media (min-width: 576px) and (max-width: 767px){
.grid-gal {grid-row-gap: 20px}
}
@media (max-width: 575px){
.grid-gal {grid-row-gap: 20px}
}

.stopka-tab {font-size: 14px !important; margin-top: -25px; margin-bottom: 1rem !important}
.grid-cena {display: grid; align-items: baseline; font-size: 16px}
.grid-cena img {margin-left: 10px; position: relative; top: -3px; width: 25px}
@media (min-width: 350px){
.grid-cena {grid-template-columns: 50% 50%; justify-items: start}
.grid-cena > div:last-child {justify-self: end}
}
@media (max-width: 349px){
.grid-cena {grid-template-columns: 100%; justify-items: center; row-gap: 5px}
}

.grid-kat {display: grid; justify-content: center; justify-items: stretch; align-items: start; margin-top: 20px; grid-row-gap: 27px}
.grid-kat img {max-width: 100%; max-height: 100%}
.grid-kat .kategoria {margin-top: 50px; border-top: 1px solid rgb(200, 200, 200)}
.grid-kat .kategoria span {display: inline-block; background-color: rgb(0,0,0); margin-top: 2px; color: rgb(255, 255, 255); font-size: 17px; padding: 0.5rem 1rem 0.5rem 1rem}
.grid-kat .kategoria:hover span {background-color: rgb(255, 0, 36)}

@media (min-width: 1200px){
.grid-kat {grid-template-columns: repeat(auto-fit, 23.5%); grid-column-gap: 2%}
.grid-kat .kategoria {grid-column: 1 / 5}
}

@media (min-width: 992px) and (max-width: 1199px){
.grid-kat {grid-template-columns: repeat(auto-fit, 31.33%); grid-column-gap: 3%}
.grid-kat .kategoria {grid-column: 1 / 4}
}
@media (min-width: 576px) and (max-width: 991px){
.grid-kat {grid-template-columns: repeat(auto-fit, 48%); grid-column-gap: 4%}
.grid-kat .kategoria {grid-column: 1 / 3}
}
@media (max-width: 575px){
.grid-kat {grid-template-columns: 100%}
}

.grid-kat .towar {display: grid; grid-template-columns: 100%; align-items: center; justify-items: stretch; background-color: rgb(255, 255, 255); padding: 10px}
.grid-kat .towar img {place-self: center center}
.grid-kat .towar:hover {box-shadow: 0 0 5px 0 rgb(150,150,150)}

.grid-kat .towar p {margin-bottom: 1rem; font-size: 17px}

.grid-kat .towar table {font-size: 13px; margin: 0 !important}
.grid-kat .towar table td {padding: 0 1rem 0.3rem 0 !important; border-bottom: none !important; background-color: transparent !important; color: rgb(0,0,0) !important; font-weight: 300 !important; text-align: left}
.grid-kat .towar table.t1 td:first-child {width: 100%}
.grid-kat .towar table.t1 td {vertical-align: bottom}
.grid-kat .towar table.t1 td:last-child {padding-right: 0 !important; white-space: nowrap}
.grid-kat .towar table.t1 tr:last-child td {border-bottom: 1px solid rgb(255, 0, 36) !important; padding-bottom: 1rem !important}
.grid-kat .towar table.t2 td:last-child {padding-right: 0 !important; width: 100%}
.grid-kat .towar table.t2 td {vertical-align: top}
.grid-kat .towar table.t2 {margin-top: 1rem !important}

@media (min-width: 1510px){
.grid-kat .towar {grid-template-rows: 220px auto auto}
}
@media (min-width: 1200px) and (max-width: 1509px){
.grid-kat .towar {grid-template-rows: 200px auto auto}
}
@media (min-width: 992px) and (max-width: 1199px){
.grid-kat .towar {grid-template-rows: 200px auto auto}
}
@media (min-width: 768px) and (max-width: 991px){
.grid-kat .towar {grid-template-rows: 230px auto auto}
}
@media (min-width: 576px) and (max-width: 767px){
.grid-kat .towar {grid-template-rows: 180px auto auto}
}
@media (max-width: 575px){

}