@media only screen and (max-width:500px){
}

@media only screen and (max-width:700px){
}

@media only screen and (max-width:1000px){
    #logo{
        width: 200px;
    }
    header{
        margin-top: -15%;
    }
}