.barra-social {
	position: fixed; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	right: 0; /* Establecemos la barra en la derecha */
	top: 200px; /* Bajamos la barra 200px de arriba a abajo */
  z-index: 20000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}

.barra-social a {
  display: block;
  text-align: center;
  padding: 16px;  
  color: white;
  font-size: 1.2em;
}

.barra-social a:hover {
  opacity: 0.7;  
}

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

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

.barra-social .instagram {
  background: #125688;
  color: white;
}

.barra-social .flickr {
  background: #f40083;
  color: white;
}

.barra-social .youtube {
  background: #bb0000;
  color: white;
}


/*moviles*/
@media only screen and (max-width: 800px) {
.barra-social  {
  display: none;
}

  }
/*fin moviles*/


@media only screen and (max-width: 800px) {
.barra-social  {
  display: none;
}

  }


@media only screen and (min-device-width : 768px) and (max-device-width : 1200px) {
  .barra-social {
	right: 16px;
    }
}