diff --git a/app/assets/stylesheets/header.css b/app/assets/stylesheets/header.css
deleted file mode 100644
index e9f10af96d..0000000000
--- a/app/assets/stylesheets/header.css
+++ /dev/null
@@ -1,295 +0,0 @@
-* {
-  box-sizing: border-box;
-  border: 0 solid;
-}
-
-img {
-  border-style: solid;
-}
-
-img,
-svg {
-  display: block;
-  vertical-align: middle;
-}
-img {
-  max-width: 100%;
-  height: auto;
-}
-
-
-html {
-  font-size: 62.5%;
-}
-
-
-.text-brand i{
-  font-family: lato;
-  font-weight: 600 !important;
-}
-
-
-.container {
-  width: 100%;
-  margin-right: auto;
-  margin-left: auto;
-}
-@media (min-width: 640rem) {
-  .container {
-    max-width: 640rem;
-  }
-}
-@media (min-width: 768px) {
-  .container {
-    max-width: 768px;
-  }
-}
-@media (min-width: 1024px) {
-  .container {
-    max-width: 1024px;
-  }
-}
-.bg-white {
-  background-color: #fff;
-}
-.bg-blue-lighter {
-  background-color: #b2e3ff;
-}
-.bg-blue {
-  background-color: #26374a;
-}
-.bg-gray {
-  background-color: #eee;
-}
-.rounded-lg {
-  border-radius: 0.5rem;
-}
-.border-b-4 {
-  border-bottom-width: 4px;
-}
-.block {
-  display: block;
-}
-.inline-block {
-  display: inline-block;
-}
-.flex {
-  display: -webkit-box;
-  display: flex;
-}
-.hide {
-  display: none;
-}
-.flex-col {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  flex-direction: column;
-}
-.flex-col-reverse {
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: reverse;
-  flex-direction: column-reverse;
-}
-.justify-end {
-  -webkit-box-pack: end;
-  justify-content: flex-end;
-}
-.font-body {
-  font-family: Noto Sans;
-}
-.font-semibold {
-  font-weight: 600 !important;
-}
-.font-bold {
-  font-weight: 700;
-}
-.leading-none {
-  line-height: 1;
-}
-.ml-2 {
-  margin-left: 0.5rem;
-}
-.mr-5 {
-  margin-right: 1.25rem;
-}
-.mb-5 {
-  margin-bottom: 1.25rem;
-}
-.mt-10 {
-  margin-top: 2.5rem;
-}
-.mr-10 {
-  margin-right: 2.5rem;
-}
-.mb-10 {
-  margin-bottom: 2.5rem;
-}
-.mr-20 {
-  margin-right: 5rem;
-}
-.p-5 {
-  padding: 1.25rem;
-}
-.py-1 {
-  padding-top: 0.25rem;
-  padding-bottom: 0.25rem;
-}
-.py-2 {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-}
-.px-2 {
-  padding-left: 0.5rem;
-  padding-right: 0.5rem;
-}
-.py-5 {
-  padding-top: 1.25rem;
-  padding-bottom: 1.25rem;
-}
-.py-10 {
-  padding-top: 2.5rem;
-  padding-bottom: 2.5rem;
-}
-.px-10 {
-  padding-left: 2.5rem;
-  padding-right: 2.5rem;
-}
-.py-24 {
-  padding-top: 6rem;
-  padding-bottom: 6rem;
-}
-.pb-0 {
-  padding-bottom: 0;
-}
-.pt-2 {
-  padding-top: 0.5rem;
-}
-.pt-4 {
-  padding-top: 1rem;
-}
-.pl-5 {
-  padding-left: 1.25rem;
-}
-.absolute {
-  position: absolute;
-}
-.top-0 {
-  top: 0;
-}
-.text-white {
-  color: #fff !important;
-}
-.text-blue {
-  color: #26374a !important;
-}
-.text-black {
-  color: #000 !important;
-}
-.text-small {
-  font-size: 1.6rem;
-}
-.text-brand {
-  font-size: 2.6rem;
-}
-.underline {
-  text-decoration: underline;
-}
-.no-underline {
-  text-decoration: none;
-}
-.hover\:underline:hover {
-  text-decoration: underline;
-}
-.hover\:no-underline:hover {
-  text-decoration: none;
-}
-.w-5\/12 {
-  width: 41.666667%;
-}
-.w-10\/12 {
-  width: 83.333333%;
-}
-.flip {
-  -webkit-transform: rotate(-180deg);
-  transform: rotate(-180deg);
-  -webkit-transition: all 0.5s ease;
-  transition: all 0.5s ease;
-  padding-top: 2px;
-}
-.line-under {
-  text-underline-position: under;
-}
-.form-group-error {
-  margin-right: 1rem;
-  padding-left: 1rem;
-  border-left-width: 4px;
-  border-color: #b10e1e;
-}
-.form-control-error {
-  border-width: 4px;
-  border-color: #b10e1e;
-}
-.error-message {
-  display: block;
-  color: #b10e1e;
-  font-size: 2rem;
-}
-.phone {
-  position: absolute !important;
-  height: 1px;
-  width: 1px;
-  overflow: hidden;
-  clip: rect(1px 1px 1px 1px);
-  clip: rect(1px, 1px, 1px, 1px);
-  white-space: nowrap;
-}
-@media (min-width: 1024px) {
-  .lg\:block {
-    display: block;
-  }
-  .lg\:hidden {
-    display: none;
-  }
-  .lg\:flex-row {
-    -webkit-box-orient: horizontal;
-    -webkit-box-direction: normal;
-    flex-direction: row;
-  }
-  .lg\:justify-between {
-    -webkit-box-pack: justify;
-    justify-content: space-between;
-  }
-  .lg\:mt-0 {
-    margin-top: 0;
-  }
-  .lg\:mb-0 {
-    margin-bottom: 0;
-  }
-  .lg\:ml-4 {
-    margin-left: 1rem;
-  }
-  .lg\:py-1 {
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-  }
-  .lg\:pl-5 {
-    padding-left: 1.25rem;
-  }
-  .lg\:pb-10 {
-    padding-bottom: 2.5rem;
-  }
-  .lg\:pt-16 {
-    padding-top: 4rem;
-  }
-}
-
-
-.mobile-nav-wrap{
-  z-index: 10000;
-  border-bottom: 20px solid #26374a !important;
-}
-
-.container a:focus {
-  background-color: transparent;
-  outline: 5px auto -webkit-focus-ring-color;
-}
diff --git a/app/assets/stylesheets/homepage.css b/app/assets/stylesheets/homepage.css
index 716b97d4ac..5da9ceb52d 100644
--- a/app/assets/stylesheets/homepage.css
+++ b/app/assets/stylesheets/homepage.css
@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}img{border-style:none}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,h1,h2,h3,hr,p{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:lato;line-height:1.5}*{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}input::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder{color:#a0aec0}input::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,select{padding:0;line-height:inherit;color:inherit}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}embed,iframe,img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}html{font-size:62.5%}h1{font-size:3.8rem;padding-bottom:2.5rem}h1,h2{font-family:lato}h2{font-size:3.6rem;padding-bottom:1.5rem}a{text-decoration:underline;font-size:2rem}li,p{font-size:2rem;line-height:1.25}.btn-blue{background-color:#b2e3ff;padding:1rem 1.25rem;border-bottom-width:2px}.btn-blue,.btn-light{font-weight:700;text-decoration:none}.btn-light{color:#00703c;border-color:#00703c;background-color:#fff;padding:1rem 1.5rem;border-width:2px;border-bottom:4px solid}.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:640rem){.container{max-width:640rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-blue-lighter{--bg-opacity:1;background-color:#b2e3ff;background-color:rgba(178,227,255,var(--bg-opacity))}.bg-blue{--bg-opacity:1;background-color:#26374a;background-color:rgba(38,55,74,var(--bg-opacity))}.bg-gray{--bg-opacity:1;background-color:#eee;background-color:rgba(238,238,238,var(--bg-opacity))}.hover\:bg-blue-selected:hover{--bg-opacity:1;background-color:#75b9e0;background-color:rgba(117,185,224,var(--bg-opacity))}.hover\:bg-gray-selected:hover{--bg-opacity:1;background-color:#e1e4e7;background-color:rgba(225,228,231,var(--bg-opacity))}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b-4{border-bottom-width:4px}.border-b-8{border-bottom-width:8px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-row-group{display:table-row-group}.table-row{display:table-row}.contents{display:contents}.hidden{display:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-auto{flex:1 1 auto}.font-sans{font-family:lato}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:1.3rem}.text-small{font-size:1.6rem}.text-base{font-size:2rem}.text-xxl{font-size:6.5rem}.text-brand{font-size:2.6rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.list-disc{list-style-type:disc}.mt-0{margin-top:0}.ml-2{margin-left:.5rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mt-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.mr-20{margin-right:5rem}.mb-20{margin-bottom:5rem}.max-w-4xl{max-width:53rem}.outline-none{outline:0}.p-5{padding:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pl-5{padding-left:1.25rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pt-10{padding-top:2.5rem}.pb-10{padding-bottom:2.5rem}.pt-20{padding-top:5rem}.pb-20{padding-bottom:5rem}.fixed{position:fixed}.absolute{position:absolute}.top-0{top:0}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px #ffbf47}.text-center{text-align:center}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-blue{--text-opacity:1;color:#26374a;color:rgba(38,55,74,var(--text-opacity))}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.no-underline{text-decoration:none}.hover\:underline:hover{text-decoration:underline}.hover\:no-underline:hover{text-decoration:none}.align-top{vertical-align:top}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-5\/12{width:41.666667%}.w-full{width:100%}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}.input{border-color:#000;border-style:solid;border-width:2px;padding:.75rem .5rem;font-size:1.9rem}.flip{transform:rotate(-180deg);transition:all .5s ease;padding-top:2px}label{display:block;font-size:1.9rem;padding-bottom:.5rem}.input{outline:0}button:focus{outline:none}.line-under{text-underline-position:under}.feature-box{width:75%}@media (min-width:1024px){.feature-box{width:33.333333%}}.form-group{margin-bottom:1rem}.form-group-error{margin-right:1rem;padding-left:1rem;border-left-width:4px}.form-control-error,.form-group-error{--border-opacity:1;border-color:#b10e1e;border-color:rgba(177,14,30,var(--border-opacity))}.form-control-error{border-width:4px}.error-message{display:block;--text-opacity:1;color:#b10e1e;color:rgba(177,14,30,var(--text-opacity));font-size:2rem}.phone{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);white-space:nowrap}.skiplink:focus{background-color:#ffbf47;outline:3px solid #ffbf47}.skiplink{position:absolute;left:-9999em}.skiplink:focus,.skiplink:visited{color:#0b0c0c}.skiplink:focus{left:0;z-index:1}#skiplink-container{text-align:center;background:#0b0c0c}#skiplink-container div{text-align:left;margin:0 auto;max-width:1020px}#skiplink-container .skiplink{display:-moz-inline-stack;display:inline-block;margin:.75em 0 0 30px}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-4{margin-left:1rem}.lg\:mr-10{margin-right:2.5rem}.lg\:ml-10{margin-left:2.5rem}.lg\:max-w-4xl{max-width:53rem}.lg\:py-1{padding-top:.25rem;padding-bottom:.25rem}.lg\:pt-0{padding-top:0}.lg\:pb-0{padding-bottom:0}.lg\:pt-4{padding-top:1rem}.lg\:pl-5{padding-left:1.25rem}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pt-16{padding-top:4rem}.lg\:w-3\/6{width:50%}}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}img{border-style:none}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}details{display:block}summary{display:list-item}[hidden],template{display:none}blockquote,dd,dl,h1,h2,h3,hr,p{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:lato;line-height:1.5}*{box-sizing:border-box;border:0 solid}hr{border-top-width:1px}img{border-style:solid}input::-moz-placeholder{color:#a0aec0}input:-ms-input-placeholder{color:#a0aec0}input::placeholder{color:#a0aec0}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,select{padding:0;line-height:inherit;color:inherit}code{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}embed,iframe,img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:640rem){.container{max-width:640rem}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}.bg-white{--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity))}.bg-blue-lighter{--bg-opacity:1;background-color:#b2e3ff;background-color:rgba(178,227,255,var(--bg-opacity))}.bg-blue{--bg-opacity:1;background-color:#26374a;background-color:rgba(38,55,74,var(--bg-opacity))}.bg-gray{--bg-opacity:1;background-color:#eee;background-color:rgba(238,238,238,var(--bg-opacity))}.hover\:bg-blue-selected:hover{--bg-opacity:1;background-color:#75b9e0;background-color:rgba(117,185,224,var(--bg-opacity))}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-b-4{border-bottom-width:4px}.border-b-8{border-bottom-width:8px}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-row-group{display:table-row-group}.table-row{display:table-row}.contents{display:contents}.hidden{display:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-start{align-items:flex-start}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-auto{flex:1 1 auto}.font-sans{font-family:lato}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-xs{font-size:1.3rem}.text-small{font-size:1.6rem}.text-base{font-size:2rem}.text-xxl{font-size:6.5rem}.text-brand{font-size:2.6rem}.leading-none{line-height:1}.leading-tight{line-height:1.25}.list-disc{list-style-type:disc}.mt-0{margin-top:0}.ml-2{margin-left:.5rem}.mr-5{margin-right:1.25rem}.mb-5{margin-bottom:1.25rem}.ml-5{margin-left:1.25rem}.mt-10{margin-top:2.5rem}.mr-10{margin-right:2.5rem}.mb-10{margin-bottom:2.5rem}.ml-10{margin-left:2.5rem}.mr-20{margin-right:5rem}.mb-20{margin-bottom:5rem}.max-w-4xl{max-width:53rem}.outline-none{outline:0}.p-5{padding:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pl-5{padding-left:1.25rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pt-10{padding-top:2.5rem}.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.pt-20{padding-top:5rem}.fixed{position:fixed}.absolute{position:absolute}.top-0{top:0}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px #ffbf47}.text-center{text-align:center}.text-white{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.text-blue{--text-opacity:1;color:#26374a;color:rgba(38,55,74,var(--text-opacity))}.text-black{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.visited\:text-white:visited{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.visited\:text-blue:visited{--text-opacity:1;color:#26374a;color:rgba(38,55,74,var(--text-opacity))}.visited\:text-black:visited{--text-opacity:1;color:#000;color:rgba(0,0,0,var(--text-opacity))}.link\:text-white:link{--text-opacity:1;color:#fff;color:rgba(255,255,255,var(--text-opacity))}.link\:text-blue:link{--text-opacity:1;color:#26374a;color:rgba(38,55,74,var(--text-opacity))}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.no-underline{text-decoration:none}.hover\:underline:hover{text-decoration:underline}.hover\:no-underline:hover{text-decoration:none}.align-top{vertical-align:top}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-5\/12{width:41.666667%}.w-full{width:100%}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{to{transform:scale(2);opacity:0}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}}@keyframes bounce{0%,to{transform:translateY(-25%);-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}}html{font-size:62.5%}h1{font-size:3.8rem;padding-bottom:2.5rem}h1,h2{font-family:lato}h2{font-size:3.6rem;padding-bottom:1.5rem}a{text-decoration:underline;font-size:1.9rem}li,p{font-size:2rem}.btn,li,p{line-height:1.25}.btn{padding:.526315em .789473em .263157em;text-decoration:none;display:inline-block;color:#fff;color:rgba(255,255,255,var(--text-opacity));font-size:1.9rem}.btn,.btn-blue{--text-opacity:1}.btn-blue{background-color:#b2e3ff;padding:1rem 1.25rem;border-bottom-width:2px;--border-opacity:1;border-color:#000;border-color:rgba(0,0,0,var(--border-opacity));font-weight:700;color:#000;color:rgba(0,0,0,var(--text-opacity));font-size:2rem}.btn-green{background-color:#00823b;box-shadow:0 2px 0 #003618}.btn-green:hover{background-color:#00703c}#contact-form .btn{color:#00703c;border-color:#00703c;background-color:#fff;padding:1rem 1.5rem;font-weight:700;border-width:2px;border-bottom:4px solid;box-shadow:none}#contact-form .btn:hover{--bg-opacity:1;background-color:#e1e4e7;background-color:rgba(225,228,231,var(--bg-opacity))}.input{border-color:#000;border-style:solid;border-width:2px;padding:.75rem .5rem;font-size:1.9rem}.flip{transform:rotate(-180deg);transition:all .5s ease;padding-top:2px}label{display:block;font-size:1.9rem;padding-bottom:.5rem}.input{outline:0}button:focus{outline:none}.line-under{text-underline-position:under}.feature-box{width:75%}@media (min-width:1024px){.feature-box{width:33.333333%}}.form-group{margin-bottom:1rem}.form-group-error{margin-right:1rem;padding-left:1rem;border-left-width:4px}.form-control-error,.form-group-error{--border-opacity:1;border-color:#b10e1e;border-color:rgba(177,14,30,var(--border-opacity))}.form-control-error{border-width:4px}.error-message{display:block;--text-opacity:1;color:#b10e1e;color:rgba(177,14,30,var(--text-opacity));font-size:2rem}.phone{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);white-space:nowrap}.skiplink:focus{background-color:#ffbf47;outline:3px solid #ffbf47}.skiplink{position:absolute;left:-9999em}.skiplink:focus,.skiplink:visited{color:#0b0c0c}.skiplink:focus{left:0;z-index:1}#skiplink-container{text-align:center;background:#0b0c0c}#skiplink-container div{text-align:left;margin:0 auto;max-width:1020px}#skiplink-container .skiplink{display:-moz-inline-stack;display:inline-block;margin:.75em 0 0 30px}@media (min-width:1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:justify-between{justify-content:space-between}.lg\:mt-0{margin-top:0}.lg\:mb-0{margin-bottom:0}.lg\:ml-4{margin-left:1rem}.lg\:mr-10{margin-right:2.5rem}.lg\:ml-10{margin-left:2.5rem}.lg\:max-w-4xl{max-width:53rem}.lg\:py-1{padding-top:.25rem;padding-bottom:.25rem}.lg\:pt-0{padding-top:0}.lg\:pb-0{padding-bottom:0}.lg\:pt-4{padding-top:1rem}.lg\:pl-5{padding-left:1.25rem}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pt-16{padding-top:4rem}.lg\:w-3\/6{width:50%}}
diff --git a/app/assets/stylesheets/tailwind/layout.css b/app/assets/stylesheets/tailwind/layout.css
new file mode 100644
index 0000000000..37686e52e3
--- /dev/null
+++ b/app/assets/stylesheets/tailwind/layout.css
@@ -0,0 +1,5 @@
+@layer components {
+  .container {
+    @apply mx-auto w-full;
+  }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/tailwind/style.css b/app/assets/stylesheets/tailwind/style.css
index 1f452ca4a5..2e145968ac 100644
--- a/app/assets/stylesheets/tailwind/style.css
+++ b/app/assets/stylesheets/tailwind/style.css
@@ -1,4 +1,6 @@
 @tailwind base;
+@tailwind components;
+@tailwind utilities;
 
 html {
   font-size: 62.5%;
@@ -13,7 +15,7 @@ h2 {
 }
 
 a {
-  @apply underline text-base;
+  @apply underline text-smaller;
 }
 
 p {
@@ -24,22 +26,36 @@ li {
   @apply text-base leading-tight;
 }
 
+.btn {
+  padding: .526315em .789473em .263157em;
+  @apply no-underline inline-block text-white text-smaller leading-tight;
+}
+
 .btn-blue {
   background-color: theme("colors.blue.lighter");
-  @apply py-4 px-5 font-bold no-underline border-b-2;
+  @apply px-5 py-4 border-b-2 border-black font-bold text-black text-base;
 }
 
-.btn-light {
-  color: theme("colors.green.default");
-  border-color: theme("colors.green.default");
-  background-color: theme("colors.white.default");
-  @apply py-4 px-6 font-bold no-underline border-2;
-  border-bottom: 4px solid theme("colors.green.dark");
+.btn-green {
+  background-color: theme("colors.green.default");
+  box-shadow: 0 2px 0 theme("colors.green.border");
+}
+.btn-green:hover {
+  background-color: theme("colors.green.hover");
 }
 
-@tailwind components;
-
-@tailwind utilities;
+/* Homepage Button */
+#contact-form .btn {
+  color: theme("colors.green.darker");
+  border-color: theme("colors.green.darker");
+  background-color: theme("colors.white.default");
+  @apply px-6 py-4 border-b-4 font-bold border-2;
+  border-bottom: 4px solid;
+  box-shadow: none;
+}
+#contact-form .btn:hover {
+  @apply bg-gray-selected;
+}
 
 .input {
   border-color: #000;
diff --git a/app/assets/stylesheets/tailwind/typography.css b/app/assets/stylesheets/tailwind/typography.css
new file mode 100644
index 0000000000..d4d929627f
--- /dev/null
+++ b/app/assets/stylesheets/tailwind/typography.css
@@ -0,0 +1,4 @@
+@layer components {
+  /* links */
+  
+}
diff --git a/app/templates/components/page-footer.html b/app/templates/components/page-footer.html
index d547d0c11d..f6400f9944 100644
--- a/app/templates/components/page-footer.html
+++ b/app/templates/components/page-footer.html
@@ -15,7 +15,7 @@
       <button
         data-button-id={{button_id}}
         type="submit"
-        class="btn-light text-base outline-none focus:shadow-outline hover:bg-gray-selected button{% if destructive %}-destructive{% endif %}"
+        class="btn btn-green text-base outline-none focus:shadow-outline {% if destructive %}-destructive{% endif %}"
         {% if button_name %}name="{{ button_name }}"{% endif %}
         {% if button_value %}value="{{ button_value }}"{% endif %}
       >
diff --git a/app/templates/main_template.html b/app/templates/main_template.html
index 0560d539d3..8ba5dc3ea3 100644
--- a/app/templates/main_template.html
+++ b/app/templates/main_template.html
@@ -11,9 +11,10 @@
     <link
       rel="stylesheet"
       media="screen"
-      href="{{ asset_path }}stylesheets/header.css?0.24.2"
+      href="{{ asset_path }}stylesheets/homepage.css"
     />
 
+
     <!--[if gt IE 8]><!-->
     <link
       rel="stylesheet"
@@ -166,7 +167,7 @@
               </a>
             {% endif %}
             </div>
-            <a href="/" class="no-underline text-black">
+            <a href="/" class="no-underline text-black visited:text-black">
             <div class="product-title flex mt-10 mb-5 lg:mt-0 lg:mb-0">
                 <div
                   class="leading-none lg:ml-4 mr-5 lg:pl-5 font-semibold inline-block top-0 text-brand pb-0"
@@ -184,7 +185,7 @@
           <!-- start sub nav -->
           <nav aria-label="{{ _('language and sign-in') }}" class="flex pt-4 mb-10 lg:mb-0">
             <a
-              class="mr-10 line-under leading-none inline-block text-blue text-small underline hover:no-underline"
+              class="mr-10 line-under leading-none inline-block text-blue visited:text-blue link:text-blue text-small underline hover:no-underline"
               href="{{ url_for('main.set_lang')}}?from={{request.path}}"
             >
             {% if session["userlang"] == "en" %}
@@ -195,13 +196,13 @@
             </a>
 
             {% if current_user.is_authenticated %}
-              <a href="{{ url_for('main.user_profile') }}" class="mr-10 line-under leading-none inline-block text-blue text-small pl-5 underline hover:no-underline">{{ current_user.name }}</a>
+              <a href="{{ url_for('main.user_profile') }}" class="mr-10 line-under leading-none inline-block text-blue visited:text-blue link:text-blue text-small pl-5 underline hover:no-underline">{{ current_user.name }}</a>
             {% endif %}
 
             {% if current_user.is_authenticated %}
             <a
               href="{{ url_for('main.sign_out')}}"
-              class="line-under leading-none inline-block text-blue text-small pl-5 underline hover:no-underline"
+              class="line-under leading-none inline-block text-blue visited:text-blue link:text-blue text-small pl-5 underline hover:no-underline"
               >
               {{ _('Sign out') }}
             </a>
@@ -209,7 +210,7 @@
             {% else %}
             <a
             href="{{ url_for('main.sign_in' )}}"
-            class="line-under leading-none inline-block text-blue text-small pl-5 underline hover:no-underline"
+            class="line-under leading-none inline-block text-blue visited:text-blue link:text-blue text-small pl-5 underline hover:no-underline"
             >{{ _('Sign in') }}
             </a>
 
@@ -227,7 +228,7 @@
             <a
               href="#"
               id="menu"
-              class="px-2 text-small text-blue mr-5 font-bold no-underline hover:underline"
+              class="px-2 text-small text-blue visited:text-blue link:text-blue mr-5 font-bold no-underline hover:underline"
             >
               {{ _('Menu') }}
 
@@ -243,20 +244,20 @@
 
             {% if current_user.platform_admin %}
             <a href="{{ url_for('main.live_services') }}"
-            class="text-small text-blue mr-10 font-bold no-underline hover:underline {{ header_navigation.is_selected('platform-admin') }}"
+            class="text-small text-blue visited:text-blue link:text-blue mr-10 font-bold no-underline hover:underline {{ header_navigation.is_selected('platform-admin') }}"
             >{{ _('Platform admin') }}</a>
             {% endif %}
 
             <a href="{{ url_for('main.features') }}"
-              class="text-small text-blue mr-10 font-bold no-underline hover:underline"
+              class="text-small text-blue visited:text-blue link:text-blue mr-10 font-bold no-underline hover:underline"
               >{{ _('Product features') }}</a>
             <a
               href="{{ url_for('main.documentation') }}"
-              class="text-small text-blue mr-10 font-bold no-underline hover:underline {{ header_navigation.is_selected('documentation') }}"
+              class="text-small text-blue visited:text-blue link:text-blue mr-10 font-bold no-underline hover:underline {{ header_navigation.is_selected('documentation') }}"
               >{{ _('Technical documentation') }}</a>
             <a
               href="{{ url_for('main.contact') }}"
-              class="text-small text-blue mr-10 font-bold no-underline hover:underline"
+              class="text-small text-blue visited:text-blue link:text-blue mr-10 font-bold no-underline hover:underline"
               >{{ _('Contact us') }}
             </a>
           </div>
@@ -271,26 +272,26 @@
             {% if current_user.platform_admin %}
             <li>
               <a href="{{ url_for('main.live_services') }}"
-              class="text-blue font-bold block text-small mb-5 no-underline hover:underline"
+              class="text-blue visited:text-blue link:text-blue font-bold block text-small mb-5 no-underline hover:underline"
               >{{ _('Platform admin') }}</a>
             </li>
             {% endif %}
 
             <li>
               <a
-                class="text-blue font-bold block text-small mb-5 no-underline hover:underline"
+                class="text-blue visited:text-blue link:text-blue font-bold block text-small mb-5 no-underline hover:underline"
                 href="{{ url_for('main.features') }}"
                 >{{ _('Product features') }}</a>
             </li>
             <li>
               <a
-                class="text-blue font-bold block text-small mb-5 no-underline hover:underline"
+                class="text-blue visited:text-blue link:text-blue font-bold block text-small mb-5 no-underline hover:underline"
                 href="{{ url_for('main.documentation') }}"
                 >{{ _('Technical documentation') }}</a>
             </li>
             <li>
               <a
-                class="text-blue font-bold block text-small mb-5 no-underline hover:underline"
+                class="text-blue visited:text-blue link:text-blue font-bold block text-small mb-5 no-underline hover:underline"
                 href="{{ url_for('main.contact') }}"
                 >{{ _('Contact us') }}</a>
             </li>
@@ -319,17 +320,17 @@
             <div class="block">
               <a
               href="{{ url_for('main.privacy') }}"
-              class="line-under text-white text-small block mb-10 underline hover:no-underline"
+              class="line-under text-white visited:text-white link:text-white text-small block mb-10 underline hover:no-underline"
               >{{ _("Privacy") }}</a
               >
               <a
               href="{{ url_for('main.security') }}"
-                class="line-under text-white text-small block mb-10 underline hover:no-underline"
+                class="line-under text-white visited:text-white link:text-white text-small block mb-10 underline hover:no-underline"
                 >{{ _("Security") }}</a
               >
               <a
               href="{{ url_for('main.terms') }}"
-                class="line-under text-white text-small block underline hover:no-underline"
+                class="line-under text-white visited:text-white link:text-white text-small block underline hover:no-underline"
                 >{{ _("Terms of use") }}</a
               >
             </div>
@@ -339,7 +340,7 @@
 
       <!-- start section 9 -->
       <div class="bg-gray" >
-        <div class="container px-10 py-12">
+        <div class="container px-10">
           <div class="flex py-10 justify-end">
             <img
               alt="Symbol of the Government of Canada / Symbole du gouvernement du Canada"
diff --git a/app/templates/views/signedout.html b/app/templates/views/signedout.html
index cab2e1944e..44593eeccf 100644
--- a/app/templates/views/signedout.html
+++ b/app/templates/views/signedout.html
@@ -178,18 +178,18 @@
           <h2 class="pb-0 text-white leading-tight font-bold">
             {{ _("Send service updates by email and text message") }}
           </h2>
-          <p class="pt-10 pb-20 text-white">
+          <p class="pt-10 pb-16 text-white">
             {{ _("Try out GC Notify, a new messaging platform for the Government of Canada.") }}
           </p>
           <div class="pt-0">
             <a
               href="{{ url_for('.register' )}}"
-              class="btn-blue mr-10 hover:bg-blue-selected"
+              class="btn btn-blue mr-10 hover:bg-blue-selected"
               >{{ _("Create an account") }}</a
             >
             <a
               href="{{ url_for('main.sign_in' )}}"
-              class="line-under text-white text-default underline hover:no-underline"
+              class="line-under text-white text-default underline hover:no-underline text-base"
               >{{ _("Sign in") }}</a
             >
           </div>
@@ -247,7 +247,7 @@ <h2 class="leading-tight font-bold hidden lg:block">
             {{ _("Use templates for easy, consistent, and accessible communications.") }}
           </p>
           <p class="pt-10 text-blue">
-            <a class="line-under" href="{{ url_for('main.features') }}">{{ _("Learn more about GC Notify") }}</a>
+            <a class="line-under text-base" href="{{ url_for('main.features') }}">{{ _("Learn more about GC Notify") }}</a>
           </p>
         </div>
       </div>
@@ -594,11 +594,11 @@ <h2 class="leading-tight font-bold hidden lg:block">
             <h2 class="pb-0 text-white leading-tight font-bold text-center">
               {{ _("Try it now") }}
             </h2>
-            <p class="pt-10 pb-20 text-white text-center">
+            <p class="pt-10 pb-16 text-white text-center">
               {{ _("Create an account and start sending test messages right away!") }}
             </p>
             <p class="mt-0 text-center">
-              <a href="{{ url_for('.register' )}}" class="btn-blue text-center hover:bg-blue-selected"
+              <a href="{{ url_for('.register' )}}" class="btn btn-blue text-center hover:bg-blue-selected"
                 >{{ _("Create an account") }}</a
               >
             </p>
@@ -682,7 +682,7 @@ <h2 class="leading-tight font-bold">{{ _("Contact us") }}</h2>
 
   <!-- start section 9 -->
   <div class="bg-gray">
-    <div class="container px-10 py-12">
+    <div class="container px-10">
       <div class="flex py-10 justify-end">
         <img
           alt="Symbol of the Government of Canada / Symbole du gouvernement du Canada"
diff --git a/gulpfile.js b/gulpfile.js
index ce04181564..cb69d98b15 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -147,13 +147,6 @@ const static_css = () => {
   );
 };
 
-// copy header css
-const header_css = () => {
-  return src(paths.src + "/stylesheets/header.css").pipe(
-    dest(paths.dist + "stylesheets/")
-  );
-};
-
 // Copy images
 
 const images = () => {
@@ -210,7 +203,6 @@ const defaultTask = parallel(
     images
   ),
   series(static_css),
-  series(header_css),
   series(copy.govuk_template.error_page, javascripts, sass)
 );
 
diff --git a/package-lock.json b/package-lock.json
index 85dded3c1d..1836e92f65 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2804,13 +2804,13 @@
       }
     },
     "@fullhuman/postcss-purgecss": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.3.0.tgz",
-      "integrity": "sha512-qnKm5dIOyPGJ70kPZ5jiz0I9foVOic0j+cOzNDoo8KoCf6HjicIZ99UfO2OmE7vCYSKAAepEwJtNzpiiZAh9xw==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-3.0.0.tgz",
+      "integrity": "sha512-cvuOgMwIVlfgWcUMqg5p33NbGUxLwMrKtDKkm3QRfOo4PRVNR6+y/xd9OyXTVZiB1bIpKNJ0ZObYPWD3DRQDtw==",
       "dev": true,
       "requires": {
         "postcss": "7.0.32",
-        "purgecss": "^2.3.0"
+        "purgecss": "^3.0.0"
       },
       "dependencies": {
         "postcss": {
@@ -4647,7 +4647,7 @@
       "integrity": "sha512-wMHVg2EOHaMRxbzgFJ9gtjOOCrI80OHLG14rxi28XwOW8ux6IiEbRCGGGqCtdAIg4FQCbW20k9RsT4y3gJlFug=="
     },
     "axe-cli": {
-      "version": "git+https://git@github.com/dequelabs/axe-cli.git#3363acc6bb9d62cba254d38a7fb324807543725e",
+      "version": "git+https://git@github.com/dequelabs/axe-cli.git#7c60e01504a997812359c6f75adc8f6991e2cb0f",
       "from": "git+https://git@github.com/dequelabs/axe-cli.git",
       "dev": true,
       "requires": {
@@ -15763,21 +15763,21 @@
       }
     },
     "purgecss": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-2.3.0.tgz",
-      "integrity": "sha512-BE5CROfVGsx2XIhxGuZAT7rTH9lLeQx/6M0P7DTXQH4IUc3BBzs9JUzt4yzGf3JrH9enkeq6YJBe9CTtkm1WmQ==",
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-3.0.0.tgz",
+      "integrity": "sha512-t3FGCwyX9XWV3ffvnAXTw6Y3Z9kNlcgm14VImNK66xKi5sdqxSA2I0SFYxtmZbAKuIZVckPdazw5iKL/oY/2TA==",
       "dev": true,
       "requires": {
-        "commander": "^5.0.0",
+        "commander": "^6.0.0",
         "glob": "^7.0.0",
         "postcss": "7.0.32",
         "postcss-selector-parser": "^6.0.2"
       },
       "dependencies": {
         "commander": {
-          "version": "5.1.0",
-          "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
-          "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-6.1.0.tgz",
+          "integrity": "sha512-wl7PNrYWd2y5mp1OK/LhTlv8Ff4kQJQRXXAvF+uU/TPNiVJUxZLRYGj/B0y/lPGAVcSbJqH2Za/cvHmrPMC8mA==",
           "dev": true
         },
         "postcss": {
@@ -18521,6 +18521,90 @@
         "resolve": "^1.14.2"
       },
       "dependencies": {
+        "@fullhuman/postcss-purgecss": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/@fullhuman/postcss-purgecss/-/postcss-purgecss-2.3.0.tgz",
+          "integrity": "sha512-qnKm5dIOyPGJ70kPZ5jiz0I9foVOic0j+cOzNDoo8KoCf6HjicIZ99UfO2OmE7vCYSKAAepEwJtNzpiiZAh9xw==",
+          "dev": true,
+          "requires": {
+            "postcss": "7.0.32",
+            "purgecss": "^2.3.0"
+          },
+          "dependencies": {
+            "ansi-styles": {
+              "version": "3.2.1",
+              "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+              "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+              "dev": true,
+              "requires": {
+                "color-convert": "^1.9.0"
+              }
+            },
+            "chalk": {
+              "version": "2.4.2",
+              "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+              "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+              "dev": true,
+              "requires": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+              },
+              "dependencies": {
+                "supports-color": {
+                  "version": "5.5.0",
+                  "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+                  "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+                  "dev": true,
+                  "requires": {
+                    "has-flag": "^3.0.0"
+                  }
+                }
+              }
+            },
+            "color-convert": {
+              "version": "1.9.3",
+              "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+              "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+              "dev": true,
+              "requires": {
+                "color-name": "1.1.3"
+              }
+            },
+            "color-name": {
+              "version": "1.1.3",
+              "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+              "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+              "dev": true
+            },
+            "has-flag": {
+              "version": "3.0.0",
+              "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+              "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+              "dev": true
+            },
+            "postcss": {
+              "version": "7.0.32",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
+              "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
+              "dev": true,
+              "requires": {
+                "chalk": "^2.4.2",
+                "source-map": "^0.6.1",
+                "supports-color": "^6.1.0"
+              }
+            },
+            "supports-color": {
+              "version": "6.1.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+              "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
         "ansi-styles": {
           "version": "4.3.0",
           "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -18555,6 +18639,12 @@
           "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
           "dev": true
         },
+        "commander": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
+          "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
+          "dev": true
+        },
         "fs-extra": {
           "version": "8.1.0",
           "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz",
@@ -18587,6 +18677,98 @@
           "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
           "dev": true
         },
+        "purgecss": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-2.3.0.tgz",
+          "integrity": "sha512-BE5CROfVGsx2XIhxGuZAT7rTH9lLeQx/6M0P7DTXQH4IUc3BBzs9JUzt4yzGf3JrH9enkeq6YJBe9CTtkm1WmQ==",
+          "dev": true,
+          "requires": {
+            "commander": "^5.0.0",
+            "glob": "^7.0.0",
+            "postcss": "7.0.32",
+            "postcss-selector-parser": "^6.0.2"
+          },
+          "dependencies": {
+            "ansi-styles": {
+              "version": "3.2.1",
+              "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+              "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+              "dev": true,
+              "requires": {
+                "color-convert": "^1.9.0"
+              }
+            },
+            "chalk": {
+              "version": "2.4.2",
+              "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+              "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+              "dev": true,
+              "requires": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+              },
+              "dependencies": {
+                "supports-color": {
+                  "version": "5.5.0",
+                  "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+                  "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+                  "dev": true,
+                  "requires": {
+                    "has-flag": "^3.0.0"
+                  }
+                }
+              }
+            },
+            "color-convert": {
+              "version": "1.9.3",
+              "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+              "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+              "dev": true,
+              "requires": {
+                "color-name": "1.1.3"
+              }
+            },
+            "color-name": {
+              "version": "1.1.3",
+              "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+              "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+              "dev": true
+            },
+            "has-flag": {
+              "version": "3.0.0",
+              "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+              "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+              "dev": true
+            },
+            "postcss": {
+              "version": "7.0.32",
+              "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz",
+              "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==",
+              "dev": true,
+              "requires": {
+                "chalk": "^2.4.2",
+                "source-map": "^0.6.1",
+                "supports-color": "^6.1.0"
+              }
+            },
+            "supports-color": {
+              "version": "6.1.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-6.1.0.tgz",
+              "integrity": "sha512-qe1jfm1Mg7Nq/NSh6XE24gPXROEVsWHxC1LIx//XNlD9iw7YZQGjZNjYN7xGaEG6iKdA8EtNFW6R0gjnVXp+wQ==",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
+        },
         "supports-color": {
           "version": "7.2.0",
           "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
diff --git a/package.json b/package.json
index 5db55f19d5..8a971598ce 100644
--- a/package.json
+++ b/package.json
@@ -52,7 +52,7 @@
     "@babel/core": "^7.11.6",
     "@babel/preset-env": "^7.11.5",
     "@babel/preset-react": "^7.10.4",
-    "@fullhuman/postcss-purgecss": "^2.0.6",
+    "@fullhuman/postcss-purgecss": "^3.0.0",
     "autoprefixer": "^9.7.4",
     "axe-cli": "git+https://git@github.com/dequelabs/axe-cli.git",
     "babel-loader": "^8.1.0",
diff --git a/postcss.config.js b/postcss.config.js
index e8c00cddf8..afb638ba3f 100644
--- a/postcss.config.js
+++ b/postcss.config.js
@@ -4,13 +4,13 @@ console.log("=== POST CSS  ===");
 
 const purgecss = require("@fullhuman/postcss-purgecss")({
   content: ["./app/**/*.html"],
-  whitelist: [
+  safelist: [
     "line-under",
     "flip",
     "phone",
     "error-message",
     "form-group-error",
-    "form-control-error"
+    "form-control-error",
   ],
   defaultExtractor: content => content.match(/[\w-/:]+(?<!:)/g) || []
 });
diff --git a/tailwind.config.js b/tailwind.config.js
index 8b4f9eb41a..695263e86b 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,3 +1,5 @@
+const plugin = require('tailwindcss/plugin')
+
 module.exports = {
   theme: {
     container: {
@@ -48,8 +50,13 @@ module.exports = {
         default: "#ffbf47"
       },
       green: {
-        default: "#00703C",
-        darker: "#002D18"
+        default: "#00823b",
+        darker: "#00703C",
+        hover: "#00692f",
+        border: "#003618"
+      },
+      black: {
+        default: "#000"
       }
     }
   },
@@ -58,5 +65,16 @@ module.exports = {
       'extra-tight': '0.9',
     }
   },
-  plugins: []
+  plugins: [
+    plugin(function({ addVariant, e }) {
+      addVariant('link', ({ modifySelectors, separator }) => {
+        modifySelectors(({ className }) => {
+          return `.${e(`link${separator}${className}`)}:link`
+        })
+      })
+    })
+  ],
+  variants: {
+    textColor: ['visited', 'link']
+  },
 };
diff --git a/tests/app/main/views/test_index.py b/tests/app/main/views/test_index.py
index df558656c3..bf0f7b0c75 100644
--- a/tests/app/main/views/test_index.py
+++ b/tests/app/main/views/test_index.py
@@ -135,7 +135,7 @@ def test_css_is_served_from_correct_path(client_request):
     ):
 
         assert link['href'].startswith([
-            'https://static.example.com/stylesheets/header.css?',
+            'https://static.example.com/stylesheets/homepage.css',
             'https://static.example.com/stylesheets/notification-template.css?',
             'https://fonts.googleapis.com/css?family=Lato:400,700,900&display=swap',
             'https://fonts.googleapis.com/css?',