@media screen and (max-width: 800px) {
#wrapper {width: 800px;}
#calosc {height: 196px;}
#header { width: 100%;}
#TRESC {  width: 100%;}
#wizyt {  width: 100%;}
#lewa1 {  width: 0px;}
#lewa {  width: 0px;}
#pasekl { width: 0px;}
#pasekp { width: 0px;}
#pasek { width: 100%;}
.prawa1 {  width: 0px;}

}

@media screen and (min-width: 801px) and (max-width: 1600px) {
#header { width: 60%;}
#TRESC {  width: 60%;}
#wizyt {  width: 60%;}
#lewa1 {  width: 20%;}
#lewa {  width: 20%;}
#pasekl { width: 20%;}
#pasekp { width: 20%;}
#pasek { width: 60%;}
.prawa1 {  width: 20%;}
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
#wrapper {width: 1000px;}
#calosc {height: 148px;}
}

@media screen and (min-width: 1025px) and (max-width: 1280px) {
#wrapper {width: 1260px;}
#calosc {height: 184px;}
}

@media screen and (min-width: 1281px) and (max-width: 1440px) {
#wrapper {width: 1400px;}
#calosc {height: 206px;}
}

@media screen and (min-width: 1441px)  and (max-width: 1600px){
#wrapper {width: 1580px;}
#calosc {height: 233px;}
}

@media screen and (min-width: 1601px) {
#wrapper {width: 1900px;}
#calosc {height: 232px;}
#header { width: 50%;}
#TRESC {  width: 50%;}
#wizyt {  width: 50%;}
#lewa1 {  width: 25%;}
#lewa {  width: 25%;}
#pasekl { width: 25%;}
#pasekp { width: 25%;}
#pasek { width: 50%;}
.prawa1 {  width: 25%;}
}