Templates index page

services/web/public/stylesheets/app/templates.less

@@ -11,9 +11,13 @@
 
 	.thumbnail {
 		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);	
-	    -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
+		-webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
+		height: 465px;
+		margin: 5% 0;
+
 		img {
 			width: 100%;
+			height: 100%;
 		}
 	}
 
@@ -23,11 +27,38 @@
 			color:@link-color;
 			margin: 10px 0px 10px 20px;
 		}
+		
+		display: flex;
+		justify-content: center;
+		align-items: center;
 	}
 
 	.caption {
-		background: lighten(@gray-lightest, 3%);
-		border-top: 1px solid #ddd;
+		text-align:center;
+
+		.description {
+			font-style: italic;
+			padding: 5px 0;
+		}
+
+	}
+
+	/* Media Queries */
+	@media (max-width: @screen-md-min) {
+		.thumbnail {
+			height: 400px;
+			width: 300px;
+			
+			margin: 5% auto;
+		}
+
+		img {
+			width: 90%;
+		}
+
+		.caption .description {
+			padding: 5px 50px;
+		}
 	}
 
 }