/* Fixed/sticky icon bar (vertically aligned 50% from the top of the screen) */
.icon-bar {
  position: fixed;
  top: 46%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3;
}

@media (max-width:1024px) {

.fa {
  padding: 0px;
  font-size: 40px;
  width: 20px;
  text-align: center;
  text-decoration: none;
}

/* Style the icon bar links */
.icon-bar a {
  display: block;
  border-style: solid;
  border-color: white;
  text-align: center;
  padding: 3px;
  transition: all 0.3s ease;
  color: white;
  font-size: 16px;
}

/* Style the social media icons with color, if you want */


.facebook {
  width: 33px;
  height: 33px;
  background: #3B5998;
  color: white;
}


.instagram{ 
  width:33px; 
  height:33px;
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  }

}
  

@media (min-width:1024px) {

.fa {
  padding: 0px;
  font-size: 40px;
  width: 20px;
  text-align: center;
  text-decoration: none;
}

/* Style the icon bar links */

.icon-bar a {
  display: block;
  border-style: solid;
  border-color: white;
  text-align: center;
  padding: 8px;
  transition: all 0.3s ease;
  color: white;
  font-size: 16px;
}


.facebook {
  width: 40px;
  height: 40px;
  background: #3B5998;
  color: white;
}


.instagram{ 
  width:40px; 
  height:40px;
  background: #f09433; 
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  }

}



/* Add a hover effect if you want */
.fa:hover {
  opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
.fa-facebook {
  background: #3B5998;
  color: white;
}