.effects

{

	margin:-0.75em !important;

}



.effect

{

	width:50%;

	border:0.75em solid white;

	float:left;

	background:rgba(0,0,0,0.065);

}



.effect_box

{

	display:block;

	width:100%; height:0;

	padding:0 0 100% 0;

}



.effect_box_opacity   { background:#606060; }

.effect_box_scale     { background:#2b82d9; }

.effect_box_rotate    { background:#d92b2b; }

.effect_box_translate { background:#93ca3a; }



@media screen and ( max-width:50em )

{

	.effect { width:25%; }

}



@media screen and ( max-width:30em )

{

	.effect { width:50%; }

}