@media only screen and (min-width: 601px) and (max-width: 1024px) {
#logo {
    max-width: 100px;
    margin-top: 40px;
    margin-bottom: 0px;
}

h1 {
    margin-top: 40px;
    text-align: center;
}
}

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

#logo {
    max-width: 100px;
    margin-top: 40px;
}
}

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

body {
    height: auto;
    font-size: 14px; 
}

#logo {
    margin-top: 20px;
    margin-bottom: 60px;
}
}