| OLD | NEW | 
| (Empty) |  | 
 |    1 @font-face | 
 |    2 { | 
 |    3   font-family: "Source Sans Pro"; | 
 |    4   src: url(/fonts/SourceSansPro-Light.woff); | 
 |    5   /* local("Ø") forces using no local font called Source Sans Pro */ | 
 |    6   src: local("Ø"), url(/fonts/SourceSansPro-Light.woff) format("woff"); | 
 |    7   font-weight: 300; | 
 |    8   font-style: normal; | 
 |    9 } | 
 |   10  | 
 |   11 @font-face | 
 |   12 { | 
 |   13   font-family: "Source Sans Pro"; | 
 |   14   src: url(/fonts/SourceSansPro-Regular.woff); | 
 |   15   /* local("Ø") forces using no local font called Source Sans Pro */ | 
 |   16   src: local("Ø"), url(/fonts/SourceSansPro-Regular.woff) format("woff"); | 
 |   17   font-weight: 400; | 
 |   18   font-style: normal; | 
 |   19 } | 
 |   20  | 
 |   21 @font-face | 
 |   22 { | 
 |   23   font-family: "Source Sans Pro"; | 
 |   24   src: url(/fonts/SourceSansPro-Semibold.woff); | 
 |   25   /* local("Ø") forces using no local font called Source Sans Pro */ | 
 |   26   src: local("Ø"), url(/fonts/SourceSansPro-Semibold.woff) format("woff"); | 
 |   27   font-weight: 600; | 
 |   28   font-style: normal; | 
 |   29 } | 
 |   30  | 
 |   31 body | 
 |   32 { | 
 |   33   margin: 0px; | 
 |   34   font-family: "Source Sans Pro", sans-serif; | 
 |   35   font-weight: 600; | 
 |   36   background-image: url(/img/background-dark.png); | 
 |   37 } | 
 |   38  | 
 |   39 header | 
 |   40 { | 
 |   41   width: 100%; | 
 |   42 } | 
 |   43  | 
 |   44 a, | 
 |   45 a:link, | 
 |   46 a:visited | 
 |   47 { | 
 |   48   color: #5a84b3; | 
 |   49   text-decoration: underline; | 
 |   50 } | 
 |   51  | 
 |   52 a:hover | 
 |   53 { | 
 |   54   text-decoration: none; | 
 |   55 } | 
 |   56  | 
 |   57 header h1 | 
 |   58 { | 
 |   59   box-sizing: border-box; | 
 |   60   border: dashed 1px #898989; | 
 |   61   border-left: none; | 
 |   62   border-right: none; | 
 |   63   padding: 18px; | 
 |   64   margin: 68px auto 20px auto; | 
 |   65   max-width: 960px; | 
 |   66   font-weight: 300; | 
 |   67   font-size: 24px; | 
 |   68   color: #7d7d7d; | 
 |   69   text-align: center; | 
 |   70 } | 
 |   71  | 
 |   72 header::before | 
 |   73 { | 
 |   74   content: ""; | 
 |   75   display: block; | 
 |   76   border-bottom: solid 1px #d0d0d0; | 
 |   77   height: 92px; | 
 |   78   background-image: url(/img/background.png); | 
 |   79 } | 
 |   80  | 
 |   81 #logo | 
 |   82 { | 
 |   83   display: block; | 
 |   84   position: absolute; | 
 |   85   top: 42px; | 
 |   86   left: 0px; | 
 |   87   right: 0px; | 
 |   88   margin: 0px auto; | 
 |   89   margin-bottom: 20px; | 
 |   90 } | 
 |   91  | 
 |   92 #content | 
 |   93 { | 
 |   94   margin: 0px auto; | 
 |   95   max-width: 960px; | 
 |   96 } | 
 |   97  | 
 |   98 section | 
 |   99 { | 
 |  100   padding: 20px 100px; | 
 |  101   margin-bottom: 30px; | 
 |  102 } | 
 |  103  | 
 |  104 section.highlighted | 
 |  105 { | 
 |  106   background-image: url(/img/background-blue.png); | 
 |  107   color: #FFFFFF; | 
 |  108 } | 
 |  109  | 
 |  110 section.highlighted a | 
 |  111 { | 
 |  112   color: #FFFFFF; | 
 |  113 } | 
 |  114  | 
 |  115 section h1 | 
 |  116 { | 
 |  117   margin: 0px; | 
 |  118   padding: 20px 0px; | 
 |  119   text-align: center; | 
 |  120 } | 
 |  121  | 
 |  122 section ul | 
 |  123 { | 
 |  124   margin: 12px 0px 16px 0px; | 
 |  125   padding: 0px; | 
 |  126   list-style: none; | 
 |  127 } | 
 |  128  | 
 |  129 section li | 
 |  130 { | 
 |  131   margin-bottom: 12px; | 
 |  132 } | 
 |  133  | 
 |  134 section li label | 
 |  135 { | 
 |  136   -webkit-margin-end: 10px; | 
 |  137   -moz-margin-end: 10px; | 
 |  138 } | 
 |  139  | 
 |  140 section li input | 
 |  141 { | 
 |  142   vertical-align: middle; | 
 |  143   -webkit-margin-end: 10px; | 
 |  144   -moz-margin-end: 10px; | 
 |  145 } | 
 |  146  | 
 |  147 section li textarea | 
 |  148 { | 
 |  149   display: block; | 
 |  150   margin-top: 10px; | 
 |  151   padding: 5px; | 
 |  152   width: 250px; | 
 |  153   height: 50px; | 
 |  154   vertical-align: middle; | 
 |  155   font-size: 14px; | 
 |  156 } | 
 |  157  | 
 |  158 section .subheader | 
 |  159 { | 
 |  160   margin-top: 0px; | 
 |  161   text-align: center; | 
 |  162 } | 
 |  163  | 
 |  164 section .error-label | 
 |  165 { | 
 |  166   display: none; | 
 |  167   color: #ffafaf; | 
 |  168   margin: 0px 12px; | 
 |  169 } | 
 |  170  | 
 |  171 form button | 
 |  172 { | 
 |  173   min-width: 138px; | 
 |  174   height: 42px; | 
 |  175   background-color: #37506d; | 
 |  176   border: 0px; | 
 |  177   cursor: pointer; | 
 |  178   color: #ffffff; | 
 |  179 } | 
 |  180  | 
 |  181 form.error button | 
 |  182 { | 
 |  183   border: solid 2px #ffafaf; | 
 |  184 } | 
 |  185  | 
 |  186 form.error .error-label | 
 |  187 { | 
 |  188   display: inline-block; | 
 |  189 } | 
 |  190  | 
 |  191 form input[type="checkbox"] | 
 |  192 { | 
 |  193   margin: 0px; | 
 |  194   -webkit-margin-end: 10px; | 
 |  195   -moz-margin-end: 10px; | 
 |  196 } | 
 |  197  | 
 |  198 .disclaimer | 
 |  199 { | 
 |  200   margin: 14px 0px; | 
 |  201   font-size: 14px; | 
 |  202   color: #a9bdd5; | 
 |  203 } | 
 |  204  | 
 |  205 .hidden | 
 |  206 { | 
 |  207   display: none; | 
 |  208 } | 
 |  209  | 
 |  210 footer | 
 |  211 { | 
 |  212   margin: 0 auto 30px; | 
 |  213   max-width: 960px; | 
 |  214   text-align: center; | 
 |  215 } | 
| OLD | NEW |