body {
    line-height: normal;
    font-size: 0;
}

#wrap {
    width: 60%;
    margin: 0 auto
}

img {
    width: 100%;
}

.logo {
    width: 80%;
    margin-bottom: 5vw;
}

.listenbutton {
    font-size: 2.35vw;
    padding: 0.3vw 1vw;
}

.socials a {
    display: inline-block;
}

.socialicon {
    height: 2.35vw;
    margin: 1vw;
    width: auto;
}

.footer-links p {
    font-size: 0.8vw !important;
    line-height: normal !important;
    margin: 1vw 0 2vw;
}

@media only screen and (max-width:1023px),
only screen and (max-width:1024px) and (orientation:portrait) {
    #wrap {
        width: 100%;
    }
    .listenbutton {
        font-size: 8vw;
        padding: 1.1vw 3.3vw;
    }
    .logo {
        margin-bottom: 18vw;
    }
    .socials a {
        display: inline-block;
        text-align: center;
        margin: 0 auto;
        width: auto;
    }
    .socials {
        display: block;
    }
    .socialicon {
        height: 8vw;
        margin: 2.45vw;
        text-align: center;
        width: auto;
    }
    .footer-links p {
        font-size: 2.75vw !important;
    }
}

@media only screen and (max-width:1023px) and (orientation:landscape) {
    .footer-links p {
        font-size: 2.05vw !important;
    }
}