.git { background: #000; }
#contact-buttons-bar { position: fixed; top: 250px; right: -50px; width: 50px; padding-top: 10px; }
#contact-buttons-bar.slide-on-scroll { z-index: 9999; position: absolute; }
.contact-button-link { display: block; width: 50px; height: 50px; padding: 0; margin-bottom: 1px; text-align: center; line-height: 50px; font-size: 22px; background: #8e8e93; color: #fff; position: relative; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 250ms; -moz-transition: all 250ms; transition: all 250ms; padding-top: 13px; }
.contact-button-link:hover,
.contact-button-link:focus,
.contact-button-link:active { color: #fff; padding-right: 20px; width: 70px; right: 20px; }
.contact-button-link.cb-hidden { right: -50px; }
.contact-button-link.facebook { background: #3b5998; }
.contact-button-link.instagram { background: #7d6807; }
.contact-button-link.gplus { background: #db4437; }
.contact-button-link.twitter { background: #1da1f2; }
.contact-button-link.contact { background: #5b6469; }
.contact-button-link.separated { margin-top: 1em; }
.show-hide-contact-bar,
.contact-button-link.show-hide-contact-bar:focus,
.contact-button-link.show-hide-contact-bar:active { background: #efefef; color: #000; border: 0; outline: 0; padding: 0; width: 50px; right: 0; }
.contact-button-link.show-hide-contact-bar:hover { color: #000; background: #ccc; padding: 0; width: 50px;right: 0; }