body {
  color: #fff;
  background-image: url("../img/paper.jpg");
  background-position: center;
  background-attachment: scroll;
  background-size: 100%;
}

h1 {
    margin: 1rem 0 1.5rem;
}

.container.page {
    background-color: #000;
    padding-bottom: 2rem;
    -webkit-box-shadow: 0px 0px 67px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 67px 5px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 67px 5px rgba(0,0,0,0.75);}


/* NAVBAR */

.nav-link {
    border-radius: 5px;
    margin-right: 5px;
    -webkit-transition:all .1s ease-in-out;
    -moz-transition:all .1s ease-in-out;
    -o-transition:all .1s ease-in-out;
    transition:all .1s ease-in-out;
}


/* PILLS DESIGN */

.navbar-collapse .nav-link {
    text-align: center;
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: #000;
  background-color: #fff;
}

.bg-black {
  background-color: #000 !important;
}

a.bg-black:focus, a.bg-black:hover,
button.bg-black:focus,
button.bg-black:hover {
  background-color: #1d2124 !important;
}


/* SOCIAL ICONS */

#socialicons {
    text-align: center;
    margin: 50px 0 30px;
}

#socialicons .icon {
    background: #fff;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    vertical-align: middle;
    margin: 8px 3px 8px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    -webkit-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
}


#socialicons .icon.facebook {
    background: #3B5998;
}
#socialicons .icon.facebook:hover {
    background: #fff;
    color: #3B5998;
}
#socialicons .icon.youtube {
    background: #ff0000;
}
#socialicons .icon.youtube:hover {
    background: #fff;
    color: #ff0000;
}
#socialicons .icon.soundcloud {
    background: #ff8800;
}
#socialicons .icon.soundcloud:hover {
    background: #fff;
    color: #ff8800;
}
#socialicons .icon.twitter {
    background: #1DA1F2;
}
#socialicons .icon.twitter:hover {
    background: #fff;
    color: #1DA1F2;
}
#socialicons .icon.spotify {
    background: #1DB954;
}
#socialicons .icon.spotify:hover {
    background: #fff;
    color: #1DB954;
}
#socialicons .icon.itunes {
    background: #fff;
    color: #000;
}
#socialicons .icon.itunes:hover {
    background: #000;
    color: #fff;
}