#logo {
    width: 250%;
    padding-bottom: 30px;
}

@media(min-width:225px) {
    #logo {
        width: 240%;
    }
}

@media(min-width:275px) {
    #logo {
        width: 200%;
    }
}

@media(min-width:300px) {
    #logo {
        width: 185%;
    }
}

@media(min-width:325px) {
    #logo {
        width: 165%;
    }
}

@media(min-width:350px) {
    #logo {
        width: 150%;
    }
}

@media(min-width:375px) {
    #logo {
        width: 130%;
    }
}

@media(min-width:425px) {
    #logo {
        width: 125%;
    }
}

@media(min-width:475px) {
    #logo {
        width: 120%;
    }
}

@media(min-width:525px) {
    #logo {
        width: 115%;
    }
}

@media(min-width:550px) {
    #logo {
        width: 110%;
    }
}

@media(min-width:625px) {
    #logo {
        width: 105%;
    }
}

@media(min-width:650px) {
    #logo {
        width: 100%;
    }
}

@media(min-width:725px) {
    #logo {
        width: 90%;
    }
}

@media(min-width:775px) {
    #logo {
        width: 80%;
    }
}

@media(min-width:825px) {
    #logo {
        width: 70%;
    }
}

@media(min-width:1100px) {
    #logo {
        width: 500px;
    }
}