@media screen and (max-width : 991px) {
	
	#picts{
		position:relative;
		margin:0 auto;
		
	}
	.grid{
		width:calc(100% - 30px);
		padding: 5px;
		background:#fff;
		margin:10px;
		font-size:12px;
		float:left;
		box-shadow: 0 1px 3px rgba(34,25,25,0.4);
		-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
		-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
		
		-webkit-transition: top 1s ease, left 1s ease;
		-moz-transition: top 1s ease, left 1s ease;
		-o-transition: top 1s ease, left 1s ease;
		-ms-transition: top 1s ease, left 1s ease;
	}
	
	.grid strong {
		border-bottom:1px solid #ccc;
		margin:10px 0;
		display:block;
		padding:0 0 5px;
		font-size:17px;
	}
	.grid .meta{
		text-align:right;
		color:#777;
		font-style:italic;
	}
	.grid .imgholder img{
		width:100%;
		background:#ccc;
		display:block;
		margin-bottom:5px;
	}
}
@media screen and (min-width : 992px) {
	
	#picts{
		position:relative;
		margin:0 auto;
		
	}
	.grid{
		width:190px;
		padding: 5px;
		background:#fff;
		margin:15px;
		text-align: center;
		font-size:12px;
		float:left;
		box-shadow: 0 1px 3px rgba(34,25,25,0.4);
		-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
		-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
		
		-webkit-transition: top 1s ease, left 1s ease;
		-moz-transition: top 1s ease, left 1s ease;
		-o-transition: top 1s ease, left 1s ease;
		-ms-transition: top 1s ease, left 1s ease;
	}
	
	.grid strong {
		border-bottom:1px solid #ccc;
		margin:10px 0;
		display:block;
		padding:0 0 5px;
		font-size:17px;
	}
	.grid .meta{
		text-align:right;
		color:#777;
		font-style:italic;
	}
	.grid .imgholder img{
		max-width:100%;
		background:#ccc;
		display:block;
		margin-bottom:5px;
	}
}