/* SOCIAL MEDIA */


#social-ctrl {max-width: 1140px; margin: 0 auto 0; text-align: center;}


@media only screen and (min-width: 780px) {
	.sm-square {height: 0; padding-bottom: 24%; width: 24%; border-radius: 10px; margin: .5%; float: left; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}
	.sm-icon {position: absolute; bottom: 4px; right: 4px;}
		.sm-square:hover .sm-icon {display: none;}
	.sm-copy {display: none;}
	.sm-square:hover .sm-copy {display: block; border-radius: 10px; font-size: 120%; color: #fff; text-decoration: none; background: rgba(206, 14, 45, 0.85); padding: 5%; position: relative; text-align: left; height: 0; padding-bottom: 95%; width: 90%;}
	.red {color: #ce0e2d;}
	.sm-extra {display: none;}
}

@media only screen and (min-width: 500px) and (max-width: 779px) {
	.sm-square {height: 0; padding-bottom: 49%; width: 49%; margin: .5%; float: left; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}
	.sm-icon {position: absolute; bottom: 4px; right: 4px;}
		.sm-square:hover .sm-icon {display: none;}
	.sm-copy {display: none;}
	.sm-square:hover .sm-copy {display: block; font-size: 120%; color: #fff; text-decoration: none; background: rgba(206, 14, 45, 0.85); padding: 5%; position: relative; text-align: left; height: 0; padding-bottom: 95%; width: 90%; overflow: hidden;}
	.red {color: #ce0e2d;}
	.sm-extra {display: none;}
}
@media only screen and (max-width: 499px) {
	.sm-square {height: 0; padding-bottom: 49%; width: 49%; margin: .5%; float: left; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; display: block;}
	.sm-icon {position: absolute; bottom: 4px; right: 4px;}
		.sm-square:hover .sm-icon {display: none;}
	.sm-copy {display: none;}
	.sm-square:hover .sm-copy {display: block; font-size: 92%; color: #fff; text-decoration: none; background: rgba(206, 14, 45, 0.85); padding: 5%; position: relative; text-align: left; height: 0; padding-bottom: 95%; width: 90%;}
	.red {color: #ce0e2d;}
	.sm-extra {display: none;}
}
@media print {
	.sm-square {width: 100%; color: #000; margin: 0 0 20px; text-align: left; clear: both; background-image: none !important;}
	.sm-icon {display: none !important;}
}