Adjust checkbox labels to match heading's indent

1 files changed, 5 insertions, 5 deletions

diff --git a/style.css b/style.css
index 569640c..9e0afe6 100644
--- a/style.css
+++ b/style.css
@@ -62,6 +62,7 @@ h2 {
   font-weight: 300;
   line-height: 1.1em;
   cursor: pointer;
+  color: #F1F2E3;
 }
 
 .circle_num {
@@ -225,7 +226,6 @@ h2 {
   margin: 0 0.4em 1em 0;
   cursor: pointer;
   transition-duration: 0.2s;
-  box-shadow: 0px 7px 3px 0px rgba(50, 50, 50, 0.75);
 }
 
 .one-button a:link,
@@ -382,15 +382,15 @@ input[type=checkbox]:not(old) + label {
   display      : inline-block;
   margin-left  : 0;
   line-height  : 1.7em;
-  text-indent  : -46.5px; /* Make 2nd line of label align, takes border width of tickbox into account */
-  padding-left : 46.5px;
+  text-indent  : -59.5px; /* Make 2nd line of label align, takes border width of tickbox into account */
+  padding-left : 59.5px;
 }
 
 input[type=checkbox]:not(old) + label > span {
   display          : inline-block;
   width            : 28px;
   height           : 28px;
-  margin           : 2px 16px 8px 0;
+  margin           : 2px 28px 8px 1px;
   border           : 0.5px solid white;
   border-radius    : 25%;
   vertical-align   : top;
@@ -411,7 +411,7 @@ input[type=checkbox]:not(old):checked + label > span:before {
   color       : white;
   text-align  : center;
   font-weight : bold;
-  margin-left : 71px;
+  margin-left : 90px;
 }
 
 #wrapper.step1 .block-step1 .juice,