body {
    background-color: #f1d743;
    font-family: Roboto Condensed;
}

#center  {
    width: 425px;
    height: 322px;
    margin: 0 auto;
    margin-top: 60px;
    background: url("images/KAME.png") no-repeat;
}

.social  {
    width: 380px;
    height: 64px;
    margin: 0 auto;
    margin-top: 24px;
}

.info  {
    width: 380px;
    height: 24px;
    margin: 0 auto;
    margin-top: 24px;
    font-size: 20px;
    text-align: center;
    color: #000;
}

#catuss {
    width: 240px;
    height: 117px;
    margin: 0 auto;
    margin-top: 38px;
    cursor: pointer;
}
#catuss:hover {
    opacity: 0.7;
}

#facebook {
    background: url("images/facebook.png") no-repeat;
    float: left;
    width: 64px;
    height: 64px;
    margin: 0px 6px;
    cursor: pointer;
}
#facebook:hover {
    opacity: 0.7;
}


#twitter {
    background: url("images/twitter.png") no-repeat;
    float: left;
    width: 64px;
    height: 64px;
    margin: 0px 6px;
    cursor: pointer;
}
#twitter:hover {
    opacity: 0.7;
}

#youtube {
    background: url("images/youtube.png") no-repeat;
    float: left;
    width: 64px;
    height: 64px;
    margin: 0px 6px;
    cursor: pointer;
}
#youtube:hover {
    opacity: 0.7;
}

#instagram {
    background: url("images/instagram.png") no-repeat;
    float: left;
    width: 64px;
    height: 64px;
    margin: 0px 6px;
    cursor: pointer;
}
#instagram:hover {
    opacity: 0.7;
}

#spotify {
    background: url("images/spotify.png") no-repeat;
    float: left;
    width: 64px;
    height: 64px;
    margin: 0px 6px;
    cursor: pointer;
}
#spotify:hover {
    opacity: 0.7;
}

#soundcloud {
    background: url("images/soundcloud.png") no-repeat;
    float: left;
    width: 64px;
    height: 64px;
    margin: 0px 6px;
    cursor: pointer;
}
#soundcloud:hover {
    opacity: 0.7;
}

.hide {
    display: none;
}

/*
@media (max-width: 768px) {
        #catuss  {
                display: none;
        }
}

@media (min-width: 768px) {
        #catuss-mobile {
                display: none;
        }
}
*/