diff --git a/custom.css b/custom.css
index e555197..9d06a09 100644
--- a/custom.css
+++ b/custom.css
@@ -1,5 +1,5 @@
h1, h2, h3, h4, h5, h6 {
- margin-top: 20px;
+ padding-top: 20px;
}
a, a:link, a:visited {
@@ -13,30 +13,104 @@ a.anchor {
visibility: hidden;
}
-.reasons {
+.navbar a {
+ color: #888888;
+}
+
+.nav a {
+ color: #888888;
+}
+
+body {
background-color: #f8f5f5;
+ overflow-x: hidden;
+}
+
+.pricebox {
+ text-align: center;
+ background-color: #ffffff;
+ padding-top: 30px;
+ padding-bottom: 30px;
+}
+
+.deal {
+ padding-top: 50px;
+ padding-bottom: 50px;
}
.graybg {
- background-color: #f8f5f5;
+ /*background-color: #f8f5f5;*/
+ background-color: #ffffff;
+}
+
+.reasons {
+ /*background-color: #f8f5f5;*/
+ background-color: #ffffff;
+}
+
+
+.nav, .navbar {
+ font-weight: bold;
+ width: 100%;
+ background-color: #ffffff;
+ border-top: solid 4px #AA0000;
}
.nav {
- /*background-color: #f1f1f1;*/
- text-align: center;
- word-spacing: 50px;
- padding: 8px;
- margin-bottom: 60px;
- font-weight: bold;
+ padding-top: 15px;
+ padding-bottom: 10px;
+ /*border-bottom: 1px solid #eee;*/
}
-.nav a {
- text-decoration: none;
+.navbar {
+ display: none;
+ position: fixed;
+ top: 0;
+ left: 0;
+
+ z-index: 99;
+}
+
+.redline {
+ border-top: solid 4px #AA0000;
+}
+
+.has-docked-nav .navbar {
+ display: block;
+ padding-top: 15px;
+ padding-bottom: 10px;
+ border-bottom: 1px solid #eee;
+}
+
+.navlinks {
+ float: right;
+ padding-right: 40px;
+ padding-left: 40px;
+ padding-top: 10px;
+}
+
+.navlink {
+ padding-right: 20px;
+}
+
+.navlogo {
+ width: 280px;
+ /*vertical-align: middle;*/
+ padding-right: 0px;
+ padding-left: 40px;
+}
+
+.herologo {
+ width: 100%;
+ max-width: 600px;
+ min-width: 300px;
+ padding-top: 40px;
+ padding-bottom: 60px;
}
.row-padding {
- padding-top: 40px;
- padding-bottom: 80px;
+ padding-top: 60px;
+ padding-bottom: 60px;
}
span.avoidwrap {
@@ -47,7 +121,39 @@ span.avoidwrap {
max-width: 860px;
}
+/* mail chimp and red buttons */
+
+#mc_embed_signup {
+ clear:left; font:14px Helvetica,Arial,sans-serif;
+}
+#mc_embed_signup .button, .red {
+ background-color: #AA0000;
+ border-color: #AA0000;
+ color: #FFFFFF !important;
+}
+#mc_embed_signup .button:hover, .red:hover {
+ background-color: #D40000;
+ border-color: #DA0000;
+ color: #FFFFFF !important;
+}
+
+/* media viewports */
+
+.shown-on-phone {
+ display: none;
+}
+
+.shown-on-tablet {
+ display: none;
+}
+
@media screen and (max-width:568px) {
- .hidden-on-phone {display:none}
+ .hidden-on-phone {display: none}
+ .shown-on-phone {display: block}
}
+@media screen and (max-width:750px) {
+ .navbar.hidden-on-tablet {display: none}
+ .hidden-on-tablet {display: none}
+ .shown-on-tablet {display: block}
+}
diff --git a/custom2.css b/custom2.css
deleted file mode 100644
index ff90409..0000000
--- a/custom2.css
+++ /dev/null
@@ -1,231 +0,0 @@
-h1, h2, h3, h4, h5, h6 {
- padding-top: 20px;
-}
-
-a, a:link, a:visited {
- text-decoration: none;
-}
-
-a.anchor {
- display: block;
- position: relative;
- top: -150px;
- visibility: hidden;
-}
-
-.navbar a {
- color: #888888;
-}
-
-.nav a {
- color: #888888;
-}
-
-body {
- background-color: #f8f5f5;
- overflow-x: hidden;
-}
-
-.pricebox {
- text-align: center;
- background-color: #ffffff;
- padding-top: 30px;
- padding-bottom: 30px;
-}
-
-.deal {
- padding-top: 50px;
- padding-bottom: 50px;
-}
-
-.graybg {
- /*background-color: #f8f5f5;*/
- background-color: #ffffff;
-}
-
-.reasons {
- /*background-color: #f8f5f5;*/
- background-color: #ffffff;
-}
-
-
-.nav, .navbar {
- font-weight: bold;
- width: 100%;
- background-color: #ffffff;
- border-top: solid 4px #AA0000;
-}
-
-.nav {
- padding-top: 15px;
- padding-bottom: 10px;
- /*border-bottom: 1px solid #eee;*/
-}
-
-.navbar {
- display: none;
- position: fixed;
- top: 0;
- left: 0;
-
- z-index: 99;
-}
-
-.redline {
- border-top: solid 4px #AA0000;
-}
-
-.has-docked-nav .navbar {
- display: block;
- padding-top: 15px;
- padding-bottom: 10px;
- border-bottom: 1px solid #eee;
-}
-
-.navlinks {
- float: right;
- padding-right: 40px;
- padding-left: 40px;
- padding-top: 10px;
-}
-
-.navlink {
- padding-right: 20px;
-}
-
-.navlogo {
- width: 280px;
- /*vertical-align: middle;*/
- padding-right: 0px;
- padding-left: 40px;
-}
-
-.herologo {
- width: 100%;
- max-width: 600px;
- min-width: 300px;
- padding-top: 40px;
- padding-bottom: 60px;
-}
-
-.row-padding {
- padding-top: 60px;
- padding-bottom: 60px;
-}
-
-span.avoidwrap {
- display:inline-block;
-}
-
-.container {
- max-width: 860px;
-}
-
-/* beta ribbon! */
-
-/* Custom styles */
-
-.corner-ribbon{
- width: 200px;
- background: #e43;
- position: absolute;
- top: 25px;
- left: -50px;
- text-align: center;
- line-height: 50px;
- letter-spacing: 1px;
- color: #f0f0f0;
- transform: rotate(-45deg);
- -webkit-transform: rotate(-45deg);
-}
-
-.corner-ribbon a {
- color: #ffffff;
-}
-
-.corner-ribbon.sticky{
- position: fixed;
-}
-
-.corner-ribbon.shadow{
- box-shadow: 0 0 3px rgba(0,0,0,.3);
-}
-
-/* Different positions */
-
-.corner-ribbon.top-left{
- top: 25px;
- left: -50px;
- transform: rotate(-45deg);
- -webkit-transform: rotate(-45deg);
-}
-
-.corner-ribbon.top-right{
- top: 25px;
- right: -50px;
- left: auto;
- transform: rotate(45deg);
- -webkit-transform: rotate(45deg);
-}
-
-.corner-ribbon.bottom-left{
- top: auto;
- bottom: 25px;
- left: -50px;
- transform: rotate(45deg);
- -webkit-transform: rotate(45deg);
-}
-
-.corner-ribbon.bottom-right{
- top: auto;
- right: -50px;
- bottom: 25px;
- left: auto;
- transform: rotate(-45deg);
- -webkit-transform: rotate(-45deg);
-}
-
-/* Colors */
-.corner-ribbon.color{
- background: #aa0000;
- /*background: #3e78ad;*/
-}
-
-
-/* mail chimp and red buttons */
-
-#mc_embed_signup {
- clear:left; font:14px Helvetica,Arial,sans-serif;
-}
-#mc_embed_signup .button, .red {
- background-color: #AA0000;
- border-color: #AA0000;
- color: #FFFFFF !important;
-}
-#mc_embed_signup .button:hover, .red:hover {
- background-color: #D40000;
- border-color: #DA0000;
- color: #FFFFFF !important;
-}
-
-/* media viewports */
-
-.shown-on-phone {
- display: none;
-}
-
-.shown-on-tablet {
- display: none;
-}
-
-@media screen and (max-width:568px) {
- .hidden-on-phone {display: none}
- .shown-on-phone {display: block}
-}
-
-@media screen and (max-width:750px) {
- .navbar.hidden-on-tablet {display: none}
- .hidden-on-tablet {display: none}
- .shown-on-tablet {display: block}
-}
-
diff --git a/index.html b/index.html
index 821a042..f84fd76 100644
--- a/index.html
+++ b/index.html
@@ -13,7 +13,7 @@
-
+