@media only screen and (max-width: 28.74999em) {
    .mpc-home {
        background-size: cover;
        width: 90%;
    }
    .mpc-home .top-bar {
        display: none !important;
    }
    .mpc-home .info-wrapper {
        width: 100%;
        top: 45%;
        background: url(../img/ornament_1.png) no-repeat bottom;
        background-size: 80%;
    }
    .mpc-home .info-wrapper h1 {
        font-family: 'Merriweather', serif;
        font-size: 1em;
    }
    .mpc-home .audio-wrapper {
        padding: 0;
        position: relative;
        top: 49%;
    }
    .mpc-home .audio-wrapper-inner {
        width: 70%;
        margin: 0 auto;
        padding: 0;
    }
    .title-bar-title {
        font-size: 0.5em;
        display: none;
    }
    .jAudio--player .jAudio--details * {
        color: #fff;
        text-shadow: 0 1px 1px #000;
        font-size: 0.9em;
        font-family: 'Merriweather', serif;
        font-weight: 400;
        color: #292929;
        font-style: italic;
        text-align: center;
    }
    .jAudio--player .jAudio--details {
        font-size: 1em;
        background: url(../img/ornament_2.png) no-repeat bottom;
        background-size: 80%;
    }
    .jAudio--player .jAudio--details *:first-of-type {
        font-family: 'Merriweather', serif;
        font-weight: 400;
        color: #292929;
    }
}

@media only screen and (min-width: 28.750em) and (max-width: 47.999em) {
    .mpc-home {
        background-size: cover;
        width: 90%;
    }
    .mpc-home .top-bar {
        display: none !important;
    }
    .mpc-home .info-wrapper {
        width: 100%;
        top: 45%;
        background: url(../img/ornament_1.png) no-repeat bottom;
        background-size: 80%;
    }
    .mpc-home .info-wrapper h1 {
        font-family: 'Merriweather', serif;
        font-size: 1em;
    }
    .mpc-home .audio-wrapper {
        padding: 0;
        position: relative;
        top: 49%;
    }
    .mpc-home .audio-wrapper-inner {
        width: 70%;
        margin: 0 auto;
        padding: 0;
    }
    .title-bar-title {
        font-size: 0.5em;
    }
    .jAudio--player .jAudio--details * {
        color: #fff;
        text-shadow: 0 1px 1px #000;
        font-size: 0.9em;
        font-family: 'Merriweather', serif;
        font-weight: 400;
        color: #292929;
        font-style: italic;
        text-align: center;
    }
    .jAudio--player .jAudio--details {
        font-size: 1em;
        background: url(../img/ornament_2.png) no-repeat bottom;
        background-size: 80%;
    }
    .jAudio--player .jAudio--details *:first-of-type {
        font-family: 'Merriweather', serif;
        font-weight: 400;
        color: #292929;
    }
}

@media only screen and (min-width: 48em) and (max-width: 63.999em) {
    .mpc-home {
        background-size: cover;
        width: 90%;
    }
    .mpc-home .top-bar {
        display: none !important;
    }
    .mpc-home .info-wrapper {
        width: 100%;
        top: 45%;
        background: url(../img/ornament_1.png) no-repeat bottom;
        background-size: 60%;
    }
    .mpc-home .info-wrapper h1 {
        font-family: 'Merriweather', serif;
        font-size: 1.4em;
    }
    .mpc-home .audio-wrapper {
        padding: 0;
        position: relative;
        top: 49%;
    }
    .mpc-home .audio-wrapper-inner {
        width: 38vw;
        margin: 0 auto;
        padding: 0;
    }
    .jAudio--player .jAudio--details * {
        color: #fff;
        text-shadow: 0 1px 1px #000;
        font-size: 0.9em;
        font-family: 'Merriweather', serif;
        font-weight: 400;
        color: #292929;
        font-style: italic;
        text-align: center;
    }
    .jAudio--player .jAudio--details {
        font-size: 1em;
        background: url(../img/ornament_2.png) no-repeat bottom;
        background-size: 80%;
    }
    .jAudio--player .jAudio--details *:first-of-type {
        font-family: 'Merriweather', serif;
        font-weight: 400;
        color: #292929;
    }
}

@media only screen and (min-width: 64em) and (max-width: 79.999em) {
    .mpc-home {
        background-size: contain;
        width: 90%;
    }
    .mpc-home .top-bar {
        width: calc(73vw - 3em);
        margin: 0 auto;
        background: transparent;
    }
    .mpc-home .top-bar ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .mpc-home .info-wrapper {
        width: 100%;
        top: 23vw;
        background: url(../img/ornament_1.png) no-repeat bottom;
        background-size: 60%;
    }
    .mpc-home .info-wrapper h1 {
        font-family: 'Merriweather', serif;
        font-size: 1.32em;
    }
    .mpc-home .audio-wrapper {
        padding: 0;
        position: relative;
        top: 29vw;
    }
    .mpc-home .audio-wrapper-inner {
        width: 40vw;
        margin: 0 auto;
        padding: 0;
    }
}

@media only screen and (min-width: 80em) and (max-width: 89.999em) {
    .mpc-home {
        background-size: contain;
        width: 90%;
    }
    .mpc-home .top-bar {
        width: calc(60vw - 3em);
        margin: 0 auto;
        background: transparent;
    }
    .mpc-home .top-bar ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .mpc-home .info-wrapper {
        width: 100%;
        top: 23vw;
        background: url(../img/ornament_1.png) no-repeat bottom;
        background-size: 60%;
    }
    .mpc-home .info-wrapper h1 {
        font-family: 'Merriweather', serif;
        font-size: 1.42em;
    }
    .mpc-home .audio-wrapper {
        padding: 0;
        position: relative;
        top: 25vw;
    }
    .mpc-home .audio-wrapper-inner {
        width: 33vw;
        margin: 0 auto;
        padding: 0;
    }
}

@media only screen and (min-width: 90em) and (max-width: 104.999em) {
    .mpc-home {
        background-size: contain;
        width:;
    }
    .mpc-home .top-bar {
        width: calc(53vw - 3em);
        margin: 0 auto;
        background: transparent;
    }
    .mpc-home .top-bar ul {
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .mpc-home .info-wrapper {
        width: 100%;
        top: 23vw;
        background: url(../img/ornament_1.png) no-repeat bottom;
        background-size: 60%;
    }
    .mpc-home .info-wrapper h1 {
        font-family: 'Merriweather', serif;
        font-size: 1.42em;
    }
    .mpc-home .audio-wrapper {
        padding: 0;
        position: relative;
        top: 25vw;
    }
    .mpc-home .audio-wrapper-inner {
        width: 33vw;
        margin: 0 auto;
        padding: 0;
    }
    .social-wrapper {
        right: 5em;
    }
}

@media only screen and (min-width: 105em) and (max-width: 119.999em) {
    .mpc-home .top-bar {
        width: calc(47vw - 3em);
    }
}

@media only screen and (min-width: 120em) {
    .mpc-home .top-bar {
        width: calc(41vw - 3em);
    }
}