.social-wrapper {
}
.social-wrapper .item {
	padding: 10px;
}
.item-box {
	position:relative;
	display: block;
}
.item-box blockquote {
	font-size: 14px;
	line-height: 1.7em;
	margin-bottom: 10px;
}
.item-box blockquote small {
	display: inline-block;
	padding-top: 10px;
}
.item-box img {
	max-width: 100%;
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style], .fb_iframe_widget #u_0_0 {
	width: 100% !important;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


@media screen and (max-width: 480px){
	#grid[data-columns]::before {
		content: '1 .column.size-1of1';
	}
}

@media screen and (min-width: 481px) {
	#grid[data-columns]::before {
		content: '2 .column.size-1of2';
	}
}
/*@media screen and (min-width: 769px) {*/
	/*#grid[data-columns]::before {*/
		/*content: '3 .column.size-1of3';*/
	/*}*/
/*}*/

/* Again, you’re free to use and define the classes: */
.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }