/** USFUL LINKS **/
.useful-box-wrapper				{ font-size:0px; }
.useful-box						{ display:inline-block; vertical-align:top; width:25%; font-size:12px; }
.useful-box .spacing			{ display:block; padding:10px 10px 20px 10px; margin:10px 10px 0px 10px; }
.useful-box .image				{ display:block; margin:0px 0px 20px 0px; }
.useful-box .image img			{ width:100%; max-width:400px; max-height:300px; }
.useful-box .name				{ display:block; line-height:1.2em; font-weight:600; text-align:center; }
.useful-box .shadow				{ display:block; margin:-6px 10px 20px 10px; text-align:center; }
.useful-box .shadow img			{ width:100%; max-width:397px; max-height:28px; }

.useful-box .spacing			{ background:#FAFAFA; }

.useful-box-wrapper .useful-box:hover	{ text-decoration:underline; }


/** RESPONSIVE **/
@media screen and (max-width:830px){
	
	.useful-box	{ width:33%; }

}

@media screen and (max-width:630px){
	
	.useful-box	{ width:50%; }

}

@media screen and (max-width:450px){
	
	.useful-box				{ width:80%; text-align:center; padding:0px 30px; }
	.useful-box .spacing 	{ margin:10px 0px 0px 0px; }
	.useful-box .shadow 	{ margin:-6px 10px 0px 10px; }
	
}