html {
    box-sizing: border-box; }
*, *:before, *:after {
  box-sizing: inherit; }
* {
    padding: 0px;
    margin: 0px; }
body {
    background: url(../img/bg.gif);
    background-repeat: repeat;
    color: white; 
    font-family: "Roboto", sans-serif; }
#wrapper {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
    padding: 2%; }
#content {
    width: 100%;
    max-width: 1000px;
    margin: auto;
    text-align: center; 
    font-size: 14px; }
#content-left {
    width: 100%;
    min-width: 260px;
    padding: 0px;
    margin: 0px;
    overflow: auto; }
#content-right {
    display: none; }
#logo {
    margin: auto;
    margin-bottom: 15px; }
div.subtitle {
    font-size: 16px; 
    padding-left: 30px;
    padding-right: 30px; 
    margin-bottom: 25px; }
div.one-fifth {
    width: 20%;
    float: left; }
i.social-media {
    font-size: 30px; }
a {
    text-decoration: none;
    color: white; }
a.soundcloud:hover {
    color: #ff3a00; }
a.facebook:hover {
    color: #3b5998; }
a.mixcloud:hover {
    color: #1ab7ea; }
.hidden {
    color: transparent; }

/*Add soundcloud player on desktop*/
@media (min-width: 768px) {
    #content-left {
        width: 80%; 
        margin: auto; }
    #content-right {
        width: 60%;
        margin: auto;
        margin-top: 20px;
        display: block; }    
}
@media (min-width: 1000px){
    #content {
        max-width: 1000px; }
    #content-left {
        width: 60%;
        float: left; 
        margin: 0px;
        padding-top: 50px; }
    #content-right {
        width: 40%;
        float: right;
        margin: 0px;
        display: block; }    
}