.menu {
    background: url(../img/blank.png);
    color:#FFF;
    height:3%;
    padding:2% 0;
    position:absolute;
    top:600px;
    width:100%;
}
.fixed {
    position:fixed;
    top:0;
}

@media only screen and (min-width:500px) and (max-width:1000px){
.menu {
    background: url(../img/blank.png);
    color:#FFF;
    height:3%;
    padding:3% 0 3% 0;
    position:absolute;
    top:285px;
    width:100%;
}
.fixed {
    position:fixed;
    top:0;
}
}

@media only screen and (min-width:200px) and (max-width:500px){
.menu {
    background: url(../img/blank.png);
    color:#FFF;
    height:30%;
    padding:2% 0 2% 0;
    position:absolute;
    top:169px;
    width:100%;
}
.fixed {
    position:fixed;
    top:0;
}
}