@media screen and (max-width: 480px) {

header {
width: 100%;
height: 150px;
position: relative;

}

header h2 a{
display: block;
width: 300px;
height: 143px;
text-indent: -999em;
background: url('../images/logo_mobile.png') no-repeat center top;
position: absolute;
top: 0;
left: 0;
}

.content {
position: absolute;
top: 0px;
left: 0;

}

#left {
display: none;
}

#right{
margin-left: 0px;
padding: 0px 0 10px 10px;
}


#right h1 {
font-size: 2em;

}

#right h2 {
font-size: 1.8em;

}

.article {
width: 97%;
font-size: 11px;
text-align: left;
margin: 1%;
line-height: 1.6em;

}

#right div.linki img {
margin-left: 10px;
margin-right: 5px;
}


.banery {
display: none;
height-min: 160px;
}

div#moja-mapa {
width: 95%;
height: 300px;
margin-left: 1%;}

}