.icon-bar a {
  display: block;
  text-align: center;
  padding: 10px 15px;
  color: black !important;
  background-color: white;
  font-size: 20px;
  width: 50px;
}

.icon-bar a:hover {
  color: white !important;
}

@media (max-width: 1299.98px) {
  .icon-header {
    display: block;
  }
  .icon-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (min-width: 1300px) {
  .icon-bar {
    position: fixed;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0px;
    z-index: 1000;
  }
  .icon-header {
    display: none;
  }
}

.facebook:hover {
  background: #3B5998;
}

.twitter:hover {
  background: #55ACEE;
}

.instagram:hover {
  background: #E40037;
}

.vimeo:hover {
  background: #1AB7EA;
}

.youtube:hover {
  background: #bb0000;
}

.tripadvisor:hover {
  background-color: #589642;
}

.google:hover {
  background-color: #4889F4;
}

.wordpress:hover {
  background-color: #3176B2;
}

.wordpress-2:hover {
  background-color: #292929;
}

.sketchfab img {
  width: 20px;
  height: 20px;
}

.sketchfab:hover {
  background: #2BAADD;
}