#logo {
    margin: 20px 40px;
}

/* 540 pixels � Smartphones em formato paisagem */
@media only screen and (min-width: 540px) and (max-width: 767px) {
    #logo {
        margin: 10px 30px;
    }

    #logo img {
        width: 260px;
    }
}

/* 320 pixels � Smartphones em formato retrato */
@media only screen and (max-width: 539px) {
    #logo {
        margin: 30px 0 30px 20px;
    }

    #logo img {
        width: 220px;
    }
}