 
@media (max-width:950px){
    .warp{
        width: 800px;
    }
    .navbar{
        display: none;
    }
}
@media (max-width:800px){
    .warp{
        width: 600px;
    }
}
@media (max-width:950px){
    .navbar{
        display: none;
    }
 }
@media (max-width:950px){
    .navbar{
        display: block;
    }
}
@media (max-width:600px){
    .warp{
        width: 500px;
    }
}
@media (max-width:500px){
    .warp{
        width: 400px;
    }
    body{
        max-width: 500px;
        min-width: 500px;
    }
}
 