html{font-size:100%} /* 16px */
header#header{background:#2c2c2c;padding:0}
header#header-front-art{margin:30px 0 10px 0}
header#header-site-art{margin:20px 0 10px 0}
div#banner-section{height:250px;padding:50px 0 50px 0;text-align:center;color:white;background:#336699 url(../gfx/front.jpg) center / cover no-repeat}
h1{font-size:1.6rem}
h2{font-size:1.4rem}
h3{font-size:1.2rem;line-height:2.0rem}
h4{font-size:1.0rem;line-height:2.0rem}
ul#navbar{color:silver;position:relative}
#menu{display:inline;position:absolute;right:0}
main{width:100%}
#search-baner{background:#f8f8f8;padding:4%;border-bottom:gray 1px dotted}
#kontener-margin-auto-flex{width:85%;margin:0 auto;display:flex}
article{padding:0 3% 7% 3%;line-height:1.8rem;font-family:own1;text-align:justify;border-bottom:gray 1px dotted}
article#site{display:flex;border-bottom:none}
p#autor{margin:5px 0 0 0;font-size:0.8rem}
#art-col-left{flex-direction:column;width:100%}
#art-col-right,#box1,#box2,#art-link{display:none}
footer#main{width:100%;padding:20px 0 20px 0;background:#4a4a4a;color:silver}
footer#tag-front{margin-top:15px;font-size:0.8rem}

/* sites */
p.art-m{margin-top:20px} 
p.art-d{margin-top:40px}
p.img-opis{font-size:0.9rem}
span#h1{font-size:1.05rem;font-weight:initial}
p#autor-site{margin:10px 0 0 0;font-size:0.8rem}
div#kollewa{width:100%;padding:3%}
#img1a,#img2a,#img3a,#img4a,#img5a,
#img1b,#img2b,#img3b,#img4b,#img5b,#img6b,#img7b,#img8b,#img9b,#img10b,#img11b,#img12b,#img13b,#img14b,#img15b,#img16b,#img17b,#img18b,#img19b,#img20b,
#img1c,#img2c,#img3c,#img4c,#img5c,#img6c,#img7c,#img8c,#img9c,#img10c,#img11c,#img12c,#img1d,#img2d,#img3d,#img4d,#img5d,#img6d,#img7d,#img1e,#img2e
,#img3e,#img4e,#img5e,#img6e,#img7e{background:orange;width:95%}
#img9c,#img10c,#img12c,#img6d{border:1px solid black}
iframe#iframe1{width:95%}
nav#spis{display:none;flex-direction:column;width:30%;border-left:1px dotted gray;padding-left:30px}