/* Twitter, FB, & G+ icons */
i {
  font-size: 2.5rem; }

.icon-button {
  border-radius: 3.6rem;
  width: 3.6rem;
  height: 3.6rem;
  margin: 0 5px;
  position: relative;
  display: inline-block;
  text-align: center;
  font-size: 2rem;
  /* background: #FFFAF0; */
  background: transparent;
  }
  .icon-button span {
    display: block;
    border-radius: 0;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 0.3s; }
  .icon-button:hover span {
    display: block;
    border-radius: 3.6rem;
    width: 3.6rem;
    height: 3.6rem;
    margin: -1.8rem; }
  .icon-button i {
    background: none;
    height: 3.6rem;
    width: 3.6rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    line-height: 3.6rem;
    transition: all 0.3s; }

/* expanding bubble of color */
.twitter span {
  background-color: #eab676; }
  
.steam span {
  background-color: #eab676; }

.facebook span {
  background-color: #3B5998; }

.gplus span {
  background-color: #dc4e41; }

.youtube span {
  background-color: #eab676; }
  
 .linkedin span {
  background-color: #0077B5; }
  
.instagram span {
	background-color: #ab7e61;
}
  
  
  
  
/* Main icon color */
.icon-button .fi-social-twitter {
  color: #eab676; }
  
.icon-button .fi-social-steam {
  color: #eab676; }

.icon-button .fi-social-facebook {
  color: #3b5998; }

.icon-button .fi-social-google-plus {
  color: #dc4e41; }

.icon-button .fi-social-youtube {
	  color: #eab676;
  }
  
.icon-button .fi-social-linkedin {
		color: #0077B5; 
  }
  
.icon-button .fi-social-instagram {
	color: #ab7e61;
}
  
.icon-button:hover .fi-social-twitter, .icon-button:hover .fi-social-steam, .icon-button:hover .fi-social-facebook, .icon-button:hover .fi-social-google-plus, .icon-button:hover .fi-social-youtube, .icon-button:hover .fi-social-linkedin, .icon-button:hover .fi-social-instagram {
  color: white;
  font-size: 2.6rem;
  line-height: 3.9rem; }

  /* End of Twitter, FB, & G+ icons */