.icon-bar {
  position: fixed;
  top: 35%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10;
  width: 30px;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 2px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

.icon-bar a:hover{
  background-color: #000;
  padding-left:20px;
  padding-right: 20px;
  margin-right:-20px;
  display:block;
  transition:0.1s ease;
}

.facebook {
  background: #3B5998;
  color: white;
}

.instagram{
  background: #DAA520;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.footersosmed{
  display: none;
}
@media (max-width: 520px){
  .icon-bar {
    display:none;
    width: 100%;
    bottom: 0;
    position: fixed;
  }
  .footersosmed{
    display: block;
    bottom: 0;
    position: fixed;
    height: 90px;
    background-color: black;
    overflow: auto;
    width: 100%;
    text-align: center; 
  }
  .footersosmed a {
    
    text-align: center;
    padding:10px 10px 10px 10px;
    color: white;
    font-size: 20px;
    display: inline-block;
    margin:5px 0px 3px 0px;
    border-radius: 7px;
    z-index: 100px;
  }
  .instagramf{
    /*height: 100%;*/
    background-color: #DAA520;
    color: white;
  }
  .facebookf {
    background: #3B5998;
    color: white;
  }

  .instagramf{
    background: #DAA520;
    color: white;
  }

  .twitterf {
    background: #55ACEE;
    color: white;
  }

  .googlef {
    background: #dd4b39;
    color: white;
  }

  .linkedinf {
    background: #007bb5;
    color: white;
  }

  .youtubef {
    background: #bb0000;
    color: white;
  }

  #footer{
    margin-bottom: 89px;
  }
}

.btn-flat{
  border-radius: 0px;
}