improved aligns

Author: Arturos Sanchez Pineda

photos/css/book-no-legend.css

@@ -75,7 +75,7 @@ a {
 	width: 200px;
 	min-height: 100px;
 	display: inline-block;
-	margin: 10px 10px 40px 24px;
+	margin: 8px 0px 36px 0px;
 	padding: 0 0 0 0px;
 	vertical-align: top;
 }

photos/css/component.css

@@ -1,5 +1,5 @@
 .grid {
-	padding: 20px 20px 20px 20px;
+	padding: 20px 10px 20px 10px;
 	max-width: 2000px;
 	margin: 0 auto;
 	list-style: none;
@@ -8,9 +8,9 @@
 
 .grid li {
 	display: inline-block;
-	width: 340px;
+	width: 292px;
 	margin: 0;
-	padding: 20px;
+	padding: 16px;
 	text-align: left;
 	position: relative;
 }
@@ -174,9 +174,9 @@
 
 /* Caption Style 4 */
 .cs-style-4 li {
-	-webkit-perspective: 1700px;
-	-moz-perspective: 1700px;
-	perspective: 1700px;
+	-webkit-perspective: 1200px;
+	-moz-perspective: 1200px;
+	perspective: 1200px;
 	-webkit-perspective-origin: 0 50%;
 	-moz-perspective-origin: 0 50%;
 	perspective-origin: 0 50%;
@@ -208,7 +208,7 @@
 
 .cs-style-4 figcaption {
 	height: 100%;
-	width: 50%;
+	width: 65%;
 	opacity: 0;
 	-webkit-backface-visibility: hidden;
 	-moz-backface-visibility: hidden;
@@ -388,6 +388,6 @@
 	}
 	.grid li {
 		width: 100%;
-		min-width: 300px;
+		max-width: 200px;
 	}
 }

photos/css/mainpage.css

@@ -5,6 +5,8 @@ div.macrocontainer {
     padding: 20px 0px 0px 0px;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
+    width: 1200px;
+    margin:0 auto;
 }
 
 div.left {
@@ -16,11 +18,12 @@ div.left {
     text-align:center;
     position: relative;
     min-width: 150px;
-    max-width: 1000px;
+    width: 530px;
+    max-width: 540px;
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: 0px 0px 0px 12%;
+    padding: 0px 0px 0px 0px;
     margin-left: auto;
     margin-right: auto;
     align: center;
@@ -35,11 +38,12 @@ div.right {
     text-align:center;
     position: relative;
     min-width: 150px;
-    max-width: 900px;
+    width: 655px;
+    max-width: 660px;
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: 0px 8% 0px 5%;
+    padding: 0px 0px 0px 45px;
     margin-left: auto;
     margin-right: auto;
     align: center;
@@ -52,14 +56,13 @@ div.middle {
     grid-row-end: 2;
     background-color: Black;
     position: relative;
-    padding: 15px 0px 0px 10%;
+    padding: 15px 10px 0px 4px;
     font-size: 115%;
     display: flex;
-    align-items: center;
+    align-items: left;
     font-family: "NeoSansStd";
     min-width: 150px;
-    max-width: 800px;
-    margin:0 auto;
+    max-width: 550px;
 }
 
 div.below {