2 files changed, 61 insertions, 19 deletions

diff --git a/static/css/component.css b/static/css/component.css
index 8f21f49..297a6f5 100644
--- a/static/css/component.css
+++ b/static/css/component.css
@@ -19,6 +19,7 @@
 	outline: none;
 	display: block;
 	position: relative;
+	width: 100%;
 }
 
 .og-grid li.og-expanded > a::after {
@@ -87,7 +88,6 @@
 
 .og-fullimg,
 .og-details {
-	width: 50%;
 	float: left;
 	height: 100%;
 	overflow: hidden;
@@ -95,10 +95,13 @@
 }
 
 .og-details {
+	width: 40%;
 	padding: 0 40px 0 20px;
+	color: #555;
 }
 
 .og-fullimg {
+	width: 60%;
 	text-align: center;
 }
 
@@ -110,16 +113,17 @@
 
 .og-details h3 {
 	font-weight: 300;
-	font-size: 52px;
-	padding: 40px 0 10px;
+	font-size: 40px;
+	padding: 30px 0 10px;
 	margin-bottom: 10px;
+	color: black;
 }
 
 .og-details p {
 	font-weight: 400;
 	font-size: 16px;
 	line-height: 22px;
-	color: #999;
+	padding-bottom: 1em;
 }
 
 .og-details a {
@@ -192,4 +196,35 @@
 	.og-fullimg { display: none; }
 	.og-details { float: none; width: 100%; }
 	
+}
+
+ul.exif {
+  list-style-type: square;
+  -webkit-column-width: 180px;
+  -moz-column-width: 180px;
+  column-width: 180px;
+  -webkit-column-count: 2; /* max count */
+  -moz-column-count: 2;
+  column-count: 2;
+	text-align: left;
+	padding: 10px;
+	margin: 0;
+	
+}
+
+ul.exif > li {
+	height: auto;
+	display: list-item;
+	margin: 0;
+}
+
+.stamp {
+	color: #555;
+	font-size: 1em;
+	font-weight: 700;
+	border: 0.5rem double #555;
+	display: inline-block;
+	padding: 0.25rem 1rem;
+	text-transform: uppercase;
+	border-radius: 1rem;
 }
\ No newline at end of file
diff --git a/static/css/default.css b/static/css/default.css
index 795ce2d..f8ed59e 100644
--- a/static/css/default.css
+++ b/static/css/default.css
@@ -1,6 +1,3 @@
-/* General Demo Style */
-@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);
-
 html { height: 100%; }
 
 *,
@@ -29,16 +26,14 @@ html { height: 100%; }
 }
 
 body {
-    font-family: 'Lato', Calibri, Arial, sans-serif;
+    font-family: 'Lato', Arial, Calibri, sans-serif;
     font-weight: 300;
     font-size: 15px;
-    color: #333;
     overflow: scroll;
     overflow-x: hidden;
 }
 
 a {
-	color: #555;
 	text-decoration: none;
 }
 
@@ -52,29 +47,41 @@ a {
 	max-width: 1240px;
 	margin: 0 auto;
 	position: relative;
-	padding: 0 30px 50px 30px;
-}
-
-.container > header {
-	padding: 60px 30px 50px;
+	padding: 20px 30px;
 	text-align: center;
+	font-size: 20px;
 }
 
 .container > header h1 {
 	font-size: 34px;
-	line-height: 38px;
 	margin: 0 auto;
 	font-weight: 700;
-	color: #333;
 }
 
-.container > header h1 span {
+.container > header span {
 	display: block;
-	font-size: 20px;
 	font-weight: 300;
+	text-align: left;
+	padding-bottom: 0.5em;
+}
+
+
+.container > header button {
+	background-color: rgb(116, 116, 116);
+  border: none;
+  padding: 0.2em 0.5em;
+  text-align: center;
+  text-decoration: none;
+	display: inline-block;
+	font-weight: bold;
 }
 
 .main > p {
 	text-align: center;
 	padding: 50px 20px;
 }
+
+img.lazy{
+	display: block;
+	height: 250px;
+}
\ No newline at end of file