@media (max-width: 1090px) {
    #global {
        width: 600px;
    }
    #header {
        height: 90px;
    }
    #mainlogo {
        width: 400px;
        height: 49px;
        background-size: 400px;
    }
    h1,
    h2 {
        font-size: 18px;
    }
    #bio-button {
        width: 70px;
    }
    #discog-button {
        width: 90px;
    }
    #contact-button {
        width: 110px;
    }
}

/**/

@media (max-width: 660px) {
    body {
        font-size: 13px;
    }
    #global {
        width: 290px;
    }
    h1,
    h2 {
        font-size: 15px;
    }
    #header {
        height: 70px;
        /* NEEDED */
        padding: 7px 2px 0;
    }
    #mainlogo {
        /*width: 270px;*/
        height: 39px;
        background-size: 270px;
    }
    #menu-bar {
        margin-top: 0;
    }
    .button {
        margin: 0 2px;
    }
    #bio-button {
        width: 47px;
    }
    #discog-button {
        width: 67px;
    }
    #contact-button {
        width: 84px;
    }
    #maincontent {
        padding: 11px 2px 3px;
    }
    img.album-cover {
        float: left;
        margin-left: auto;
        margin-right: auto;
    }
    .album-cover {
        width: 100%;
    }
    .left-col {
        float: right;
    }
    .right-col {
        margin-right: 0%;
        float: left;
    }
    .more-margin-top {
        margin-top: 0;
    }
    .bio-text {
        height: 330px;
    }
    iframe {
        height: 400px;
    }
    .sub-content .smaller {
        display: block;
    }
}