/* css reset */
#prod-desc-container,#prod-desc-container *{box-sizing:border-box}
#prod-desc-container{font-size:16px;max-width:920px;margin:0 auto;font-family:sans-serif}
#prod-desc-container .headline-2{font-size:2em;margin:.83em 0}
#prod-desc-container .headline-3{font-size:1.17em;margin:1em 0}
#prod-desc-container .headline-4{font-size:1em;margin:1.33em 0}
#prod-desc-container .paragraph{margin:1em 0; line-height: 1.6;}
#prod-desc-container .desk-list{margin:1em;padding:0 0 0 20px;list-style-position:outside; line-height: 1.6;}
#prod-desc-container .desk-list-ol{margin:1em;padding:0 0 0 20px;list-style-position:outside; line-height: 0.8;}
#prod-desc-container .desc-img.lazy,#prod-desc-container .desc-img{width:initial;max-width:100%;height:auto;margin: auto;}

/* custom style */
#prod-desc-container .flex-container{display:flex;flex-wrap:wrap;flex-direction:row}
/* #prod-desc-container .col{padding:1em} */
#prod-desc-container .col-1{width:100%}
#prod-desc-container .col-2{width:50%}
#prod-desc-container .col-3{width:33.33%}
#prod-desc-container .col-4{width:25%}
#prod-desc-container .col.right{justify-content:flex-end;text-align:right;display:flex;flex-wrap:wrap;align-content:center}
#prod-desc-container .col.center{justify-content:center;text-align:center;display:flex;flex-wrap:wrap;align-content:flex-start}
#prod-desc-container .color-ciemny{background-color: #29292B;}
#prod-desc-container .color-ciemny-cimniejszy{background-color: #1f1f1f;}
#prod-desc-container .color-white{color: #FFFFFF !important;}
#prod-desc-container h3 .color-white{color: #FFFFFF;}
#prod-desc-container .color-zielony{background-color: #72A642}
#prod-desc-container .color-szary{background-color: #F4F6F5;}
#prod-desc-container .color-szary-ciemny{background-color: #454746;}
#prod-desc-container .paragraph{margin:20px}
#prod-desc-container .headline-2{margin:20px}
#prod-desc-container .headline-3{margin:20px}
#prod-desc-container .inner-pad{padding:40px 0}
#prod-desc-container .inner-pad20{padding:20px 0}
#prod-desc-container .inner-pad-top{padding-top:40px}
#prod-desc-container .boldzik{font-weight: bold;}
#prod-desc-container .pad-bottom li{padding:10px 0}


@media screen and (max-width: 919px) {
#prod-desc-container{font-size:14px;max-width:100%}
#prod-desc-container .col-1,#prod-desc-container .col-2,#prod-desc-container .col-3,#prod-desc-container .col-4{width:100%}
#prod-desc-container .col.right{justify-content:flex-start;text-align:left}
#prod-desc-container .flex-container.revert{flex-direction:column-reverse}
}