.container{padding-left:40px;padding-right:40px;}

#pin{
    top: 350px;
	width:190px;
	right:-115px;
    position: fixed;
    z-index: 100;
	text-decoration:none;
	list-style:none;
	color:#FFF;
	text-align:left;
	}
	

#social{
    top: 150px;
	width:190px;
	right:-115px;
    position: fixed;
    z-index: 100;
	text-decoration:none;
	list-style:none;
	color:#FFF;
	text-align:left;
	}
	
.social li{
	white-space: nowrap;
	padding:0 10px 0 10px;
	width:200px;
	background-color:rgb(206, 218, 209);
	float:left;
	margin-left:0;
	border:solid #FFF thin;
	border-right:0;
	line-height:35px;
	vertical-align:middle;
	display:block;
	text-align:left;
}

.social i{
	width:20px;
	margin-right:20px;
	font-size:1.2em;
}

.social a{
	color:#FFF;
	text-decoration:none;}

.social-circle i{color:#FFF;}
.social-circle a{color:#FFF;}

.social-animation{
  animation: animationFrames linear 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(40px,0px)  ;
  }
  100% {
    transform:  translate(0,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(40px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(40px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(40px,0px)  ;
  }
  100% {
    -o-transform:  translate(0,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(40px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0,0px)  ;
  }
}

#social_mobile{
display:none;}


@media (max-width: 47.999em) {
	
#social{ display:none;}
		
		
#social_mobile{
display:block;
 position: relative;
 top:20px;
 right:0;
 left:-45px;
 width: 240px;  
 margin-left:auto;
 margin-right:auto;
	}
	
	
#pin{
	display:block;
 position: relative;
 top:20px;
 right:0;
 left:0;
 width: 240px;
  height: 50px;
 margin-left:auto;
 margin-right:auto;
	}
	
	/*#pin::after { 
    content: " - Pin Images";
}*/

	#social_mobile.social li{
	padding:0 50px 0 20px;
	border-right:solid #FFF thin;
	width: 240px;
	margin-bottom:1em;
	background-color:#ce528f;
}

#social_mobile.social li:hover{
	background-color:#e999c0;
}

   
}
as