width: 100%;
}
-
/* Type something: */
a { color: #1F8A70; border-bottom: 1px solid #dbd145; text-decoration: none; }
/* Navbar */
-.navbar {
+.header_wrapper {
background-color: #2CAF8F;
- height: 500px;
+ height: 450px;
}
.header a {
border-bottom: 0;
}
+.navbar_wrapper {
+ max-width: 1300px;
+ min-width: 1110px;
+ margin: auto;
+ text-align: center;
+}
+
.logo_wrapper {
padding: 1.3em;
- float: left
+ float: left;
}
.join_wrapper {
padding: 1.2em;
float: right;
+ display: inline-block;
}
.logo, .join {
- width: 210px;
+ max-width: 200px;
+ min-width: 200px;
}
-.nav_wrapper {
- padding: 1em 5em 1em 9em;
+.share_wrapper {
+ padding: 1.2em;
+ float: right;
+ display: inline-block;
+}
+
+.share {
+ max-width: 36px;
+ min-width: 36px;
+}
+
+.navbar {
+ width: 537px;
+ padding: 1em;
height: 2.55556em;
- float: left;
+ display: inline-block;
+/* float: left; */
}
.navbar li {
color: #4B423B;
}
-/* Comparisons */
-
-.wrapper,
-.section_wrapper {
- width: 750px;
+.intro {
margin: auto;
-}
-
-.main_title {
- text-align: center;
- margin-top: 3em;
- display: inline-block;
-}
-
-.wrapper .intro_phrase {
- width: 450px;
- text-align: center;
- font-family: 'Signika Bold';
- margin: 1.2em auto;
- color: #bababa;
+ max-width: 1300px;
+ min-width: 1170px;
}
.intro_wrapper {
- width: 40%;
+/* width: 40%; */
+ max-width: 500px;
+ min-width: 500px;
float: right;
color: white !important;
- padding-top: 2em;
- padding-right: 6em;
+/* padding-right: 3em; */
}
.intro_wrapper h2 {
.intro_img img{
width: 40%;
+ max-width: 500px;
float: left;
padding: 2em;
- padding-left: 6em;
+ padding-left: 3em;
+
+}
+
+/* Comparisons */
+.wrapper,
+.section_wrapper,
+.recommended {
+ width: 750px;
+ min-width: 750px;
+ margin: auto;
}
+
+.main_title {
+ text-align: center;
+ margin-top: 3em;
+ display: inline-block;
+}
+
.buy a {
border-bottom: none;
}
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;
+}