@media only screen and (min-width: 150px) and (max-width: 600px)

{
.body {
width: 50%;
font-size: 90%;

.mainHeader img {
width: 100%;
}

.mainHeader nav {
height: 200px;

.mainHeader nav ul {
padding-left: 0

.mainHeader nav ul li {
width: 100%;
text-align: center;

.mainHeader nav a:link, .mainHeader nav a:visited {

padding: 10px 25px;
height: 20px;
display: block;

.content {
width: 100%;
float: left;
margin-top: 2%;
}

.post-info {
display: none;
}

.topcontent {
background-color: #FFF;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3% 5%;
margin-top: 2%;

margin-bottom: 4%;
}

.bottomcontent {
margin-top: 3%;
}

.top-sidebar, .middle-sidebar, .bottom-sidebar {

display: none;
}
.top-sidebar img, .middle-sidebar img, .bottom-sidebar img {
display: none;
}
.drugi, .prvi, .cetvrti {
display: none;
}

.mainFooter {
height: 40px;
}