Added a 'Recommended' section

[fsf-giving-guide.git] / stylesheet.css

diff --git a/stylesheet.css b/stylesheet.css
index 91fc3c62b6656b439889b432a8ec2f669a6db039..90468c386243f58dca8a572e96286d87050580b0 100755 (executable)
--- a/stylesheet.css
+++ b/stylesheet.css
@@ -74,7 +74,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 
 .header_wrapper {
   background-color: #2CAF8F;
-  height: 500px;
+  height: 450px;
 }
 
 .header a {
@@ -83,7 +83,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 
 .navbar_wrapper {
   max-width: 1300px;
-  min-width: 1035px;
+  min-width: 1110px;
   margin: auto;
   text-align: center;
 }
@@ -104,6 +104,17 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   min-width: 200px;
 }
 
+.share_wrapper {
+  padding: 1.2em;
+  float: right;
+  display: inline-block;
+}
+
+.share {
+  max-width: 36px;
+  min-width: 36px;
+}
+
 .navbar {
   width: 537px;
   padding: 1em;
@@ -148,7 +159,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 .intro {
   margin: auto;
   max-width: 1300px;
-  min-width: 1035px;
+  min-width: 1170px;
 }
 
 .intro_wrapper {
@@ -157,7 +168,7 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   min-width: 500px;
   float: right;
   color: white !important;
-  padding-right: 3em;
+/*   padding-right: 3em; */
 }
 
 .intro_wrapper h2 {
@@ -176,7 +187,8 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
 /* Comparisons */
 
 .wrapper,
-.section_wrapper {
+.section_wrapper,
+.recommended {
   width: 750px;
   min-width: 750px;
   margin: auto;
@@ -232,3 +244,30 @@ h6 {  font-size: 1.125em; font-family: 'Signika Light'; color: #4d4d4d; margin-b
   float: right;
   width: 45%;
 }
+
+/* Recommended Section */
+
+.recommend_title {
+  border-bottom: 1px solid #2CAF8F;
+  width: 100%;
+  text-align: left;
+  margin-top: 3em;
+  display: inline-block;
+}
+
+.recommend_wrapper {
+  padding-top: 1em;
+  margin: auto;
+  width: 750px;
+}
+
+.recommended_product {
+  text-align: center;
+  width: 29%;
+  margin: 1em;
+  display: inline-block
+}
+
+.recommended_product_img {
+  width: 120px;
+}