:root
	{
	--kolor-font:#515151;
	--jasny-szary:#C6C6C6;
	--ciemny-szary:#515151;
	--pomarancz:#D63A00;
	--zolty:#EDE414;
	--footer-bg:#EDEDED;
	}
@media all and (max-width:20000px)
{
.blog-nagl {margin:auto;}
#left-menu {width:10%; min-width:220px; margin:0; padding:20px 0 0 0; border-right:1px solid var(--jasny-szary); float:left; display:inline-block; font-size:15px;}
#blog_msg {width:calc(95% - 220px); min-height:260px; margin:0 0 0 10px; padding:0; display:inline-block; line-height:22px;}
#left-menu > ul {padding:0;}
#left-menu > ul > li {list-style-type:none; margin:7px 0 7px 0;}
#rodz-mat {display:block;}
#rodz-mat > ul > li {list-style-type:none;}
#rodz-mat > ul > li::before {content:"o"; color:var(--pomarancz); font-size:14px; font-weight:400; margin:0 10px 0 -25px;}
h2 {font-size:18px; font-weight:500; font-color:var(--ciemny-szary); padding:0; margin:24px 0 12px 0; line-height:18px;}
h3 {font-size:16px !important; font-color:var(--ciemny-szary); padding:0; margin:0 0 5px 0;}
.punkty {padding:0 0 0 20px;}
.punkty > li {list-style-type:none; line-height:22px; margin:0 0 10px 0;}
.punkty > li::before {content:"o"; color: font-color:var(--pomarancz);; font-size:14px; font-weight:700; margin:0 10px 0 -20px;}
.img1 {float:right; margin:6px 0 6px 6px;}
.img1 > img {border-radius:30px; border:3px solid white;}
.img2 {float:left; margin:6px 26px 0 0;}
.img2 > img {border-radius:30px; border:3px solid white;}
.odcienie-row {display:flex; flex-wrap:wrap; justify-content:space-between; width:75%; margin:auto;}
.odcienie {display:inline-block; min-width:125px; text-align:center; border:1px solid var(--jasny-szary); font-size:14px; border-radius:5px; margin:0 1px 3px 1px;}
.odcienie > a {display:block; width:100%; height:100%;}
.kolory {display:none; justify-content:space-between; width:75%; margin:25px auto 25px auto;}
.kolor {width:100px; border:1px solid var(--jasny-szary); border-radius:5px;}
audio {width:25px; height:25px; float:right; margin:-20px 50px 0 0; background-color:red;}
}

@media all and (max-width:1200px)
{
#left-menu {width:100%; margin:0; padding:20px 0 0 0; display:block; font-size:15px; text-align:center; border:0;}
#blog_msg {width:100%; margin:0; padding:0; display:inline-block; line-height:22px;}
#rodz-mat {display:none;}
#rodz-mat > ul > li::before {content:""; margin:0 10px 0 -45px;}
audio {display:none;}
}