.Logo { float: left; padding: 7px 10px; display:block; outline:0}
.Logo:hover{background-color: #2F3370; border-radius:5px;
	animation-name: example;
  animation-duration: .2s;  
  animation-delay: .1s;
  animation-fill-mode: backwards;
}

@keyframes example {
  from {
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); /* IE 9 */
	-webkit-transform:rotate(0deg); /* Opera, Chrome, and Safari */
	  
	  
}
  to   {background-color: #2F3370;
	transform:rotate(-2deg);
	-ms-transform:rotate(-2deg); /* IE 9 */
	-webkit-transform:rotate(-2deg); /* Opera, Chrome, and Safari */
  
  
  }
}


@media (min-width:310px){
	.Logo {float: left; padding: 7px 10px; display:block; left: 1%; top: 1%; width: 25%; outline:0  }
}

@media (min-width:601px){
	.Logo {float: left; padding: 7px 10px; display:block; left: 1%; top: 1%; width: 14%; outline:0  }
}

@media (min-width:993px){
	.Logo {float: left; padding: 7px 10px; display:block; left: 1%; top: 11%; width: 9%; outline:0}
}


.social {float:top; margin: -1% 2%; display:block; }
.social ul {list-style-type:none}
.social ul li a {
		width: 42px; height: 40px; 
		background-image: url("https://iblackwell.mx/srvdina/almacen/dinapag/css/redeSoc260.png"); 
		
		opacity: 0.4;
		filter: alpha(opacity=50); /* For IE8 and earlier */    
		-webkit-transition:all 500ms ease;
		-o-transition:all 500ms ease;
		transition:all .5s ease-in-out; 		
}

.social ul li a:hover {float:top; opacity: 1.0; filter: alpha(opacity=100); }


.social ul li .icon-facebook   {background-position:  -11px  -11px; float:right;} 
.social ul li .icon-whatsapp   {background-position:  -60px  -11px; float:right;} 
.social ul li .icon-youtube    {background-position: -110px  -11px; float:right;} 
.social ul li .icon-google     {background-position: -160px  -11px; float:right;} 
.social ul li .icon-skype      {background-position: -209px  -11px; float:right;} 
.social ul li .icon-camara     {background-position:  -11px  -60px; float:right;} 
.social ul li .icon-in         {background-position:  -60px  -60px; float:right;} 
.social ul li .icon-box        {background-position: -110px  -60px; float:right;} 
.social ul li .icon-b          {background-position: -160px  -60px; float:right;} 
.social ul li .icon-p          {background-position: -209px  -60px; float:right;} 
.social ul li .icon-v          {background-position:  -11px -110px; float:right;} 
.social ul li .icon-balon      {background-position:  -60px -110px; float:right;} 
.social ul li .icon-snap       {background-position: -110px -110px; float:right;} 
.social ul li .icon-twitter    {background-position: -160px -110px; float:right;} 
.social ul li .icon-vk         {background-position: -209px -110px; float:right;} 
.social ul li .icon-buho       {background-position:  -11px -160px; float:right;} 
.social ul li .icon-Be         {background-position:  -60px -160px; float:right;} 
.social ul li .icon-Mac        {background-position: -110px -160px; float:right;} 
.social ul li .icon-elefante   {background-position: -160px -160px; float:right;} 
.social ul li .icon-telefono   {background-position: -209px -160px; float:right;} 
.social ul li .icon-hi         {background-position:  -11px -210px; float:right;} 
.social ul li .icon-Su         {background-position:  -60px -210px; float:right;} 
.social ul li .icon-x          {background-position: -110px -210px; float:right;} 
.social ul li .icon-pp         {background-position: -160px -210px; float:right;} 
.social ul li .icon-as         {background-position: -209px -210px; float:right;} 


.st-custom-button[data-network] {
   background-color: #0adeff;
   padding: 1px 1px;
   cursor: pointer;
   font-weight: bold;
   color: #fff;
   
&:hover, &:focus {
      text-decoration: underline;
      background-color: #00c7ff;
}