@media screen and (max-width: 980px) {
    #logo {
        white-space: normal;
        word-break: break-word;
        hyphens: auto;
        max-width: 90%;
        margin: 0 auto;
        font-size: 2.2rem;
    }
}
@media screen and (max-width: 736px) {
    #logo { font-size: 1.8rem; }
}
@media screen and (max-width: 480px) {
    #logo { font-size: 1.5rem; }
}