#socialcontent {
	clear: both;
	padding-bottom: 2em;
	width: 102%;
	margin-left: -1%;
}
/* ### frontpage social - listing items #### */
#socialcontent .item {
	width: 31.333%;
	margin: 1%;
	float: left;
	position: relative;
	box-sizing:border-box!important;	
	-moz-box-sizing:border-box!important;	
	-webkit-box-sizing:border-box!important;
	padding: 30px;
	color: #444;
	overflow: hidden;
	background: #efefef;
	min-height: 330px;
}
#socialcontent .item.highlight {
    width: 64.6666%;
}
/* ### main styles types ### */
#socialcontent .item.facebook {  }
#socialcontent .item.twitter {  }
#socialcontent .item.instagram { }
#socialcontent .item.blog {  }
/* ### network - icon panels ###  */
#socialcontent .item:after {
	content: ""; 
	width: 40px; 
	height: 40px; 
	background-color: #000; 
	position: absolute; 
	right: 0; 
	bottom: 0;
	background-size: 20px 20px; 
	background-position: 50% 50%; 
	background-repeat: no-repeat;
}
#socialcontent .item.facebook:after  { 
	background-color: #3b5998; background-image: url('../images/icons/facebook.svg'); 
}
#socialcontent .item.twitter:after  { 
	background-color: #54c2ef; background-image: url('../images/icons/twitter.svg'); 
}
#socialcontent .item.instagram:after  { 
	background-color: #e2b640; background-image: url('../images/icons/instagram.svg'); 
}
#socialcontent .item.blog:after  { 
	background-color: #e24040; background-image: url('../images/icons/blog.svg'); 
}
/* ### text types items ### */
#socialcontent .item .content {
	margin: 10px 0;
}
#socialcontent .item .info {
	padding: 1em 0; 
	background: #efefef; 
	font-size: 0.9em; 
	line-height: 1.5em; 
	border-top: 2px solid #d5d5d5;
	margin: 1em 0; 
	clear: left;
	padding-right: 50px;
}
#socialcontent .item .link {
	clear: left;
}
#socialcontent .item .media-msg {
	width: 100%; min-width: 100%; width: 100%;
}
#socialcontent .item .media-msg img {
	width: 100%; display: block; 
}