#bg {
    top: 0;
    bottom: 10px;
    filter: blur(18px);
    z-index: 1;
    opacity: .99;
    min-height: 100% !important;
    background: #000;
 }

 #bg, #bg img {
     width: 100%;
     position: fixed;
     bottom: 1px;
 }

 .card-title {
     margin-top: .8em;
     margin-bottom: 1em;
 }

.card-img-top, .card {
     width: 440px;
     z-index: 9999;
}

 .list-group-item-action {
     border: 0.4px solid #ddd;
}

 .list-group-item-action:hover {
     box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}

 .social-buttons {
     width: 100%;
     position: relative;
     -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
     box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
 }

 .social-buttons img {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: relative;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
 }

 .social-buttons .list-container {
     width: 100%;
     height: 40px;
     position: absolute;
     bottom: 0;
     left: 0;
     overflow: auto;
     background: #fff;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     -webkit-transform: perspective(400px) rotateX(90deg);
     -moz-transform: perspective(400px) rotateX(90deg);
     -ms-transform: perspective(400px) rotateX(90deg);
     -o-transform: perspective(400px) rotateX(90deg);
     transform: perspective(400px) rotateX(90deg);
     -webkit-transform-origin: bottom;
     -moz-transform-origin: bottom;
     -ms-transform-origin: bottom;
     -o-transform-origin: bottom;
     transform-origin: bottom;
 }

 .social-buttons .list-container .btn-list {
     padding: 0;
     margin: 0;
     background: #fff;
     list-style-type: none;
     position: relative;
     display: block;
     text-align: center;
 }

 .social-buttons .list-container .btn-list li {
     display: inline-block;
 }

 .social-buttons .list-container .btn-list li .fa {
     background: #fff;
     color: #a1a1a1;
     display: inline-block;
     height: 100%;
     line-height: 40px;
     text-align: center;
     text-decoration: none;
     width: 35px;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
 }

 .social-buttons .list-container .btn-list li .fa:hover {
     color: #fff;
 }

 .social-buttons .list-container .btn-list li .fa-facebook:hover {
     background: #3b5998;
 }

 .social-buttons .list-container .btn-list li .fa-instagram:hover {
     background: #8a3ab9;
 }

 .social-buttons:hover .list-container {
     -webkit-transform: perspective(400px) rotateX(0deg);
     -moz-transform: perspective(400px) rotateX(0deg);
     -ms-transform: perspective(400px) rotateX(0deg);
     -o-transform: perspective(400px) rotateX(0deg);
     transform: perspective(400px) rotateX(0deg);
 }