* {padding:0;margin:0;}

html {width:100%;height:100%;}
body {font-family:Arial, Helvetica, Sans-serif;font-size:15px;line-height:1.3;font-weight:400;color:#040404;background:#FFFFFF;}

.container {margin:0 auto;}

header {margin:25px 0;}
header img {width:100%;}


aside {float:left;margin:0 0 25px;}
aside nav ul {list-style:none;}
aside nav ul li {margin-bottom:1px;}
aside nav ul li a {display:block;text-decoration:none;color:#FDFAFA;background:#090909;padding:8px 20px;}
aside nav ul li a:hover{background:#894802;color:#FFF;}

h1, h2, h3, h4, h5, h6 {
    color: #4b2e2e;              /* ciemny brąz */
    margin-top: 0.8em;
    margin-bottom: 0.4em;
    font-weight: 600;
    line-height: 1.25;
  }

#main {float:right;margin:0 0 25px;}

p#styl1 { color: red; }
p#styl2 { color: green; }

table {background-color: #fdfdea;}

footer {clear:both;color:#FFF;background:#121212;padding:15px 0 15px 30px;margin:0 0 25px;}


@media (min-width: 1100px) {
	.container {width:1050px;}
	aside {width:30%;}
	#main {width:65%;}
}
@media (max-width: 1100px) and (min-width: 1000px) {
	.container {width:950px;}
	aside {width:30%;}
	#main {width:65%;}
}
@media (max-width: 1000px) and (min-width: 800px) {
	.container {width:750px;}
	aside {width:30%;}
	#main {width:65%;}
}
@media (max-width: 800px) and (min-width: 500px) {
	.container {width:450px;}
	aside,
	#main {width:100%;}
}
@media (max-width: 500px) {
	.container {width:90%;}
	aside,
	#main {width:100%;}
}