html, body, .wrapper {
    height: 100%;
}

body {
    background-color: #00fcc8;
}

#menu {
    display: flex;
    justify-content: center;
    min-width: 100%;
    align-self: flex-end;
}

.menu-item {
    margin-right: 25px;
}

.menu-item:last-child {
    margin-right: 0px;
}

#bandcamp-image {
    border: 0px solid;
    width: 58px;
    height: 58px;
}

#agent-image {
    border: 0px solid;
    width: 52px;
    height: 57px;
}

#mailinglist-image {
    width: 57px;
    height: 58px;
}

#news-image {
    border: 0px solid;
    width: 67px;
    height: 59px;
}

#presskit-image {
    border: 0px solid;
    width: 65px;
    height: 57px;
}

#logo {
    width: 100%;
    height: 100%;
    min-width: 200px;
    max-width: 550px;
    margin-bottom: 20px;
}

@media only screen and (max-device-width: 480px) {
    /* For mobile phones: */
    #logo {
      max-width: 800px;
    }

    #bandcamp-image {
        border: 0px solid;
        width: 78px;
        height: 78px;
    }

    #agent-image {
        border: 0px solid;
        width: 70px;
        height: 76px;
    }

    #mailinglist-image {
        border: 0px solid;
        width: 76px;
        height: 78px;
    }

    #news-image {
        border: 0px solid;
        width: 90px;
        height: 79px;
    }

    #presskit-image {
        border: 0px solid;
        width: 87px;
        height: 76px;
    }
  }

.wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content {
    display: flex;
    flex-direction: column;;
}