From 619559bc7e6e77602420783607eb671466e57d1c Mon Sep 17 00:00:00 2001
From: jrbarnes9 <jrbarnes9@hotmail.com>
Date: Thu, 20 Feb 2020 12:23:14 +0000
Subject: [PATCH] added census logo to header

---
 _css/base/_sprite.scss                        | 86 +++++++++++--------
 _img/icons/census-logo-en.svg                 |  1 +
 .../style.css                                 | 20 ++++-
 img/icons/census-logo-en.svg                  |  1 +
 4 files changed, 69 insertions(+), 39 deletions(-)
 create mode 100644 _img/icons/census-logo-en.svg
 create mode 100644 img/icons/census-logo-en.svg

diff --git a/_css/base/_sprite.scss b/_css/base/_sprite.scss
index c641daba5b..1d5929adf0 100644
--- a/_css/base/_sprite.scss
+++ b/_css/base/_sprite.scss
@@ -14,7 +14,7 @@
 
 .svg-crest-logo {
 	@extend %svg-common;
-	background-position: 18.106382978723403% 74.23274791555792%;
+	background-position: 17.91578947368421% 62.112216119934686%;
 }
 
 .svg-crest-logo-dims {
@@ -24,7 +24,7 @@
 
 .svg-icons--caret-bottom {
 	@extend %svg-common;
-	background-position: 0 11.601694915254237%;
+	background-position: 0 9.778571428571428%;
 }
 
 .svg-icons--caret-bottom-dims {
@@ -34,7 +34,7 @@
 
 .svg-icons--caret-left {
 	@extend %svg-common;
-	background-position: 34.899328859060404% 0;
+	background-position: 34.5514950166113% 0;
 }
 
 .svg-icons--caret-left-dims {
@@ -44,7 +44,7 @@
 
 .svg-icons--caret-right {
 	@extend %svg-common;
-	background-position: 0 28.80909090909091%;
+	background-position: 0 24.007575757575758%;
 }
 
 .svg-icons--caret-right-dims {
@@ -54,7 +54,7 @@
 
 .svg-icons--caret-top {
 	@extend %svg-common;
-	background-position: 12.76595744680851% 26.910665760869563%;
+	background-position: 12.631578947368421% 22.674585002862052%;
 }
 
 .svg-icons--caret-top-dims {
@@ -62,9 +62,19 @@
 	height: 36.48px;
 }
 
+.svg-icons--census-logo-en {
+	@extend %svg-common;
+	background-position: 18.24561403508772% 9.447243116417086%;
+}
+
+.svg-icons--census-logo-en-dims {
+	width: 52px;
+	height: 26.18px;
+}
+
 .svg-icons--check {
 	@extend %svg-common;
-	background-position: 49.645390070921984% 0;
+	background-position: 49.12280701754386% 0;
 }
 
 .svg-icons--check-dims {
@@ -74,7 +84,7 @@
 
 .svg-icons--chevron-bottom {
 	@extend %svg-common;
-	background-position: 49.645390070921984% 19.79425482760124%;
+	background-position: 49.12280701754386% 16.60875608061154%;
 }
 
 .svg-icons--chevron-bottom-dims {
@@ -84,7 +94,7 @@
 
 .svg-icons--chevron-down {
 	@extend %svg-common;
-	background-position: 36.16140350877193% 71.22553191489362%;
+	background-position: 44.55902777777777% 78.63082437275986%;
 }
 
 .svg-icons--chevron-down-dims {
@@ -94,7 +104,7 @@
 
 .svg-icons--chevron-left {
 	@extend %svg-common;
-	background-position: 0 52.445454545454545%;
+	background-position: 0 43.70454545454545%;
 }
 
 .svg-icons--chevron-left-dims {
@@ -104,7 +114,7 @@
 
 .svg-icons--chevron-right {
 	@extend %svg-common;
-	background-position: 14.615147043684157% 52.445454545454545%;
+	background-position: 14.466220576746716% 43.70454545454545%;
 }
 
 .svg-icons--chevron-right-dims {
@@ -114,7 +124,7 @@
 
 .svg-icons--chevron-top {
 	@extend %svg-common;
-	background-position: 30.20567375886525% 50.29423303256179%;
+	background-position: 29.887719298245614% 42.20035843604843%;
 }
 
 .svg-icons--chevron-top-dims {
@@ -124,7 +134,7 @@
 
 .svg-icons--circle-check {
 	@extend %svg-common;
-	background-position: 68.08510638297872% 0;
+	background-position: 67.36842105263158% 0;
 }
 
 .svg-icons--circle-check-dims {
@@ -134,7 +144,7 @@
 
 .svg-icons--circle-x {
 	@extend %svg-common;
-	background-position: 68.08510638297872% 23.636363636363637%;
+	background-position: 67.36842105263158% 19.696969696969695%;
 }
 
 .svg-icons--circle-x-dims {
@@ -144,7 +154,7 @@
 
 .svg-icons--download {
 	@extend %svg-common;
-	background-position: 58.24137931034482% 96.21929824561404%;
+	background-position: 0 99.7720588235294%;
 }
 
 .svg-icons--download-dims {
@@ -154,7 +164,7 @@
 
 .svg-icons--download-white {
 	@extend %svg-common;
-	background-position: 73.1615120274914% 94.96969696969697%;
+	background-position: 14.965986394557824% 98.68363636363637%;
 }
 
 .svg-icons--download-white-dims {
@@ -164,7 +174,7 @@
 
 .svg-icons--external-link {
 	@extend %svg-common;
-	background-position: 0 76.08181818181818%;
+	background-position: 0 63.40151515151515%;
 }
 
 .svg-icons--external-link-dims {
@@ -174,7 +184,7 @@
 
 .svg-icons--guidance {
 	@extend %svg-common;
-	background-position: 97.36842105263158% 34.04255319148936%;
+	background-position: 96.41693811074919% 57.34767025089606%;
 }
 
 .svg-icons--guidance-dims {
@@ -184,7 +194,7 @@
 
 .svg-icons--guidance-white {
 	@extend %svg-common;
-	background-position: 97.36842105263158% 65.53191489361703%;
+	background-position: 96.41693811074919% 83.87096774193549%;
 }
 
 .svg-icons--guidance-white-dims {
@@ -194,7 +204,7 @@
 
 .svg-icons--icons--check {
 	@extend %svg-common;
-	background-position: 51.72108843537415% 70.92372881355932%;
+	background-position: 99.66329966329967% 30.714285714285715%;
 }
 
 .svg-icons--icons--check-dims {
@@ -204,7 +214,7 @@
 
 .svg-icons--icons--definition-arrow {
 	@extend %svg-common;
-	background-position: 99.32885906040268% 49.787234042553195%;
+	background-position: 98.33887043189368% 70.60931899641577%;
 }
 
 .svg-icons--icons--definition-arrow-dims {
@@ -214,7 +224,7 @@
 
 .svg-icons--icons--guidance {
 	@extend %svg-common;
-	background-position: 84.70751605624024% 21.331818181818182%;
+	background-position: 83.83439271602818% 17.776515151515152%;
 }
 
 .svg-icons--icons--guidance-dims {
@@ -224,7 +234,7 @@
 
 .svg-icons--icons--guidance-darkblue {
 	@extend %svg-common;
-	background-position: 84.70751605624024% 44.96818181818182%;
+	background-position: 83.83439271602818% 37.47348484848485%;
 }
 
 .svg-icons--icons--guidance-darkblue-dims {
@@ -234,7 +244,7 @@
 
 .svg-icons--icons--guidance-white {
 	@extend %svg-common;
-	background-position: 84.70751605624024% 68.60454545454546%;
+	background-position: 83.83439271602818% 57.17045454545455%;
 }
 
 .svg-icons--icons--guidance-white-dims {
@@ -244,7 +254,7 @@
 
 .svg-icons--info {
 	@extend %svg-common;
-	background-position: 0 99.71818181818182%;
+	background-position: 0 83.09848484848484%;
 }
 
 .svg-icons--info-dims {
@@ -254,7 +264,7 @@
 
 .svg-icons--info-circle {
 	@extend %svg-common;
-	background-position: 13.099290780141844% 99.71818181818182%;
+	background-position: 12.96140350877193% 83.09848484848484%;
 }
 
 .svg-icons--info-circle-dims {
@@ -264,7 +274,7 @@
 
 .svg-icons--lock {
 	@extend %svg-common;
-	background-position: 43.73445114678117% 96.21929824561404%;
+	background-position: 99.85494045811828% 0;
 }
 
 .svg-icons--lock-dims {
@@ -274,7 +284,7 @@
 
 .svg-icons--lockicon {
 	@extend %svg-common;
-	background-position: 100% 0;
+	background-position: 98.99665551839465% 16.05839416058394%;
 }
 
 .svg-icons--lockicon-dims {
@@ -284,7 +294,7 @@
 
 .svg-icons--person {
 	@extend %svg-common;
-	background-position: 100% 17.94871794871795%;
+	background-position: 98.99665551839465% 43.884892086330936%;
 }
 
 .svg-icons--person-dims {
@@ -294,7 +304,7 @@
 
 .svg-icons--phone {
 	@extend %svg-common;
-	background-position: 99.32885906040268% 80.9322033898305%;
+	background-position: 58.91362126245847% 78.35%;
 }
 
 .svg-icons--phone-dims {
@@ -304,7 +314,7 @@
 
 .svg-icons--right-arrow {
 	@extend %svg-common;
-	background-position: 30.18906350768813% 99.71818181818182%;
+	background-position: 29.884748496354288% 83.09848484848484%;
 }
 
 .svg-icons--right-arrow-dims {
@@ -314,7 +324,7 @@
 
 .svg-logo {
 	@extend %svg-common;
-	background-position: 48.645390070921984% 46.96926521473641%;
+	background-position: 36.16140350877193% 57.78698429138616%;
 }
 
 .svg-logo-dims {
@@ -324,7 +334,7 @@
 
 .svg-logo-crest {
 	@extend %svg-common;
-	background-position: 86.52482269503547% 0;
+	background-position: 85.6140350877193% 0;
 }
 
 .svg-logo-crest-dims {
@@ -334,7 +344,7 @@
 
 .svg-logo-cy {
 	@extend %svg-common;
-	background-position: 31.20567375886525% 25.791486937413527%;
+	background-position: 48.13333333333333% 39.821909297991304%;
 }
 
 .svg-logo-cy-dims {
@@ -344,7 +354,7 @@
 
 .svg-logo-en {
 	@extend %svg-common;
-	background-position: 18.43971631205674% 11.23466415001436%;
+	background-position: 30.87719298245614% 22.02912655104098%;
 }
 
 .svg-logo-en-dims {
@@ -354,7 +364,7 @@
 
 .svg-logo-english-reversed {
 	@extend %svg-common;
-	background-position: 68.08510638297872% 53.135475431281165%;
+	background-position: 67.36842105263158% 45.034994109902286%;
 }
 
 .svg-logo-english-reversed-dims {
@@ -364,7 +374,7 @@
 
 .svg-logo-welsh-reversed {
 	@extend %svg-common;
-	background-position: 68.08510638297872% 42.27298593610276%;
+	background-position: 67.36842105263158% 35.859595889938625%;
 }
 
 .svg-logo-welsh-reversed-dims {
@@ -374,7 +384,7 @@
 
 .svg-ons-logo-black {
 	@extend %svg-common;
-	background-position: 49.645390070921984% 35.81312062510174%;
+	background-position: 49.12280701754386% 30.37415435592986%;
 }
 
 .svg-ons-logo-black-dims {
@@ -384,7 +394,7 @@
 
 .svg-ons-logo-colour {
 	@extend %svg-common;
-	background-position: 18.43971631205674% 0;
+	background-position: 18.24561403508772% 0;
 }
 
 .svg-ons-logo-colour-dims {
diff --git a/_img/icons/census-logo-en.svg b/_img/icons/census-logo-en.svg
new file mode 100644
index 0000000000..eb725ec773
--- /dev/null
+++ b/_img/icons/census-logo-en.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="227.83" height="44"><path fill="#fff" d="M35.85 10a12 12 0 0 0 0 24 2.73 2.73 0 0 0 0-5.45 6.57 6.57 0 0 1-6-3.82h15.27A2.73 2.73 0 0 0 47.85 22a12 12 0 0 0-12-12zm-6 9.27a6.55 6.55 0 0 1 11.91 0zM62.42 10a12 12 0 0 0-12 12v9.12a2.73 2.73 0 0 0 5.45 0V22A6.55 6.55 0 1 1 69 22v9.12a2.73 2.73 0 0 0 5.45 0V22a12 12 0 0 0-12.03-12zm57.99 0a2.72 2.72 0 0 0-2.72 2.73v9.11a6.55 6.55 0 1 1-13.1 0v-9.11a2.73 2.73 0 1 0-5.45 0v9.11a12 12 0 0 0 24 0v-9.11a2.73 2.73 0 0 0-2.73-2.73zm-31.77 9.78c-3.85-.82-5.4-1.15-5.4-2.55s2-2.17 4.15-2.17a8.87 8.87 0 0 1 3.15.63 3.2 3.2 0 0 0 1.12.24 2.55 2.55 0 0 0 2.55-2.55 2.58 2.58 0 0 0-1.79-2.47 14.64 14.64 0 0 0-5-.9c-6.27 0-9.83 3.56-9.83 7.13 0 4.33 4 6.26 8.48 7.22 3.47.72 4.53 1 4.53 2.5s-2 2.08-4.34 2.08a11 11 0 0 1-5.13-1.58 2.91 2.91 0 0 0-1-.22A2.57 2.57 0 0 0 79 32a14.84 14.84 0 0 0 7.47 2c5.83 0 10-3.13 10-7-.08-4.76-3.3-6.25-7.83-7.22zm40.79 7.56zm7.57-7.56c-3.86-.82-5.4-1.15-5.4-2.55s2-2.17 4.14-2.17a8.78 8.78 0 0 1 3.15.63 3.18 3.18 0 0 0 1.13.24 2.55 2.55 0 0 0 2.54-2.55 2.61 2.61 0 0 0-1.79-2.47 14.59 14.59 0 0 0-5-.9c-6.26 0-9.82 3.56-9.82 7.13 0 4.33 3.95 6.26 8.47 7.22 3.47.72 4.53 1 4.53 2.5s-2 2.08-4.33 2.08a11.16 11.16 0 0 1-5.18-1.6 2.44 2.44 0 0 0-1-.2 2.57 2.57 0 0 0-2.58 2.57 2.64 2.64 0 0 0 1.47 2.29 14.81 14.81 0 0 0 7.47 2c5.83 0 10-3.13 10-7-.03-4.76-3.26-6.25-7.8-7.22zM12 15.45a6.45 6.45 0 0 1 4.78 2.09 2.72 2.72 0 1 0 4-3.71 12 12 0 1 0 0 16.34 2.73 2.73 0 0 0-4-3.72 6.46 6.46 0 0 1-4.78 2.1 6.55 6.55 0 0 1 0-13.1zm154.51 14.9H154.9a4.74 4.74 0 0 1 .14-1c.6-2.45 3.08-3.72 6.09-5.06 3.46-1.6 6.72-3.22 6.72-7.33s-3-6.83-8-6.83a9.6 9.6 0 0 0-6.15 2 5.15 5.15 0 0 0-2.09 3.75c0 1.92 2.4 1.88 2.4 1.77a5.43 5.43 0 0 1 5.6-4.38c2.93 0 4.67 1.41 4.67 3.78s-2.69 3.61-5.7 5.1c-3.43 1.7-7.08 3.78-7.08 8.49v.88c0 1.46.67 2 2.27 2h12.74c1.2 0 1.73-.53 1.73-1.49v-.21c0-.97-.53-1.47-1.73-1.47zm41.4 0H196.3a4.74 4.74 0 0 1 .14-1c.6-2.45 3.08-3.72 6.09-5.06 3.47-1.6 6.72-3.22 6.72-7.33s-3-6.83-8-6.83a9.6 9.6 0 0 0-6.15 2 5.15 5.15 0 0 0-2.1 3.71c0 1.92 2.4 1.88 2.4 1.77a5.43 5.43 0 0 1 5.6-4.38c2.93 0 4.67 1.41 4.67 3.78s-2.69 3.61-5.7 5.1c-3.43 1.7-7.08 3.78-7.08 8.49v.88c0 1.46.67 2 2.27 2h12.74c1.2 0 1.73-.53 1.73-1.49v-.21c.01-.93-.52-1.43-1.72-1.43zm18.26.04h-3.08V12.06a1.49 1.49 0 0 0-1.63-1.67h-1.23l-6.83 4.5a2 2 0 0 0 1.87 2.23 2.9 2.9 0 0 0 1.88-.78c.67-.53 1.24-1.17 2.62-2.27v16.32H216c-1.09 0-1.66.46-1.66 1.48v.18c0 1 .57 1.42 1.66 1.42h10.2c1.09 0 1.66-.43 1.66-1.42v-.18c-.03-1.02-.6-1.48-1.69-1.48zm-45.86-20.28c-5.88 0-9.52 4.14-9.52 10.76v2.33c0 6.62 3.57 10.73 9.52 10.73s9.55-4.18 9.55-10.8v-2.3c0-6.61-3.61-10.72-9.55-10.72zm5.91 13.2c0 4.81-2.13 7.54-5.91 7.54s-5.84-2.76-5.84-7.57v-2.59c0-4.81 2.12-7.57 5.84-7.57s5.91 2.83 5.91 7.64z"/></svg>
\ No newline at end of file
diff --git a/_prototypes/individual-response--your-household-v15/style.css b/_prototypes/individual-response--your-household-v15/style.css
index b300654174..18998b9e89 100644
--- a/_prototypes/individual-response--your-household-v15/style.css
+++ b/_prototypes/individual-response--your-household-v15/style.css
@@ -71,6 +71,24 @@ h4 {
     }
 }
 
+.header__title {
+    display: block;
+    background: url('../img/icons/census-logo-en.svg') no-repeat 0 50%;
+    max-width: 100%;
+    height: 44px;
+}
+
+.header__title span {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
 .btn:not(.btn--ghost):not(.btn--ghost-blue) {
     -webkit-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.8);
     -moz-box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.8);
@@ -143,7 +161,7 @@ p.js-declaration {
     width: 100%;
 }
 
-.panel--error a {
+.panel a {
     color: #4263c2;
 }
 
diff --git a/img/icons/census-logo-en.svg b/img/icons/census-logo-en.svg
new file mode 100644
index 0000000000..eb725ec773
--- /dev/null
+++ b/img/icons/census-logo-en.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="227.83" height="44"><path fill="#fff" d="M35.85 10a12 12 0 0 0 0 24 2.73 2.73 0 0 0 0-5.45 6.57 6.57 0 0 1-6-3.82h15.27A2.73 2.73 0 0 0 47.85 22a12 12 0 0 0-12-12zm-6 9.27a6.55 6.55 0 0 1 11.91 0zM62.42 10a12 12 0 0 0-12 12v9.12a2.73 2.73 0 0 0 5.45 0V22A6.55 6.55 0 1 1 69 22v9.12a2.73 2.73 0 0 0 5.45 0V22a12 12 0 0 0-12.03-12zm57.99 0a2.72 2.72 0 0 0-2.72 2.73v9.11a6.55 6.55 0 1 1-13.1 0v-9.11a2.73 2.73 0 1 0-5.45 0v9.11a12 12 0 0 0 24 0v-9.11a2.73 2.73 0 0 0-2.73-2.73zm-31.77 9.78c-3.85-.82-5.4-1.15-5.4-2.55s2-2.17 4.15-2.17a8.87 8.87 0 0 1 3.15.63 3.2 3.2 0 0 0 1.12.24 2.55 2.55 0 0 0 2.55-2.55 2.58 2.58 0 0 0-1.79-2.47 14.64 14.64 0 0 0-5-.9c-6.27 0-9.83 3.56-9.83 7.13 0 4.33 4 6.26 8.48 7.22 3.47.72 4.53 1 4.53 2.5s-2 2.08-4.34 2.08a11 11 0 0 1-5.13-1.58 2.91 2.91 0 0 0-1-.22A2.57 2.57 0 0 0 79 32a14.84 14.84 0 0 0 7.47 2c5.83 0 10-3.13 10-7-.08-4.76-3.3-6.25-7.83-7.22zm40.79 7.56zm7.57-7.56c-3.86-.82-5.4-1.15-5.4-2.55s2-2.17 4.14-2.17a8.78 8.78 0 0 1 3.15.63 3.18 3.18 0 0 0 1.13.24 2.55 2.55 0 0 0 2.54-2.55 2.61 2.61 0 0 0-1.79-2.47 14.59 14.59 0 0 0-5-.9c-6.26 0-9.82 3.56-9.82 7.13 0 4.33 3.95 6.26 8.47 7.22 3.47.72 4.53 1 4.53 2.5s-2 2.08-4.33 2.08a11.16 11.16 0 0 1-5.18-1.6 2.44 2.44 0 0 0-1-.2 2.57 2.57 0 0 0-2.58 2.57 2.64 2.64 0 0 0 1.47 2.29 14.81 14.81 0 0 0 7.47 2c5.83 0 10-3.13 10-7-.03-4.76-3.26-6.25-7.8-7.22zM12 15.45a6.45 6.45 0 0 1 4.78 2.09 2.72 2.72 0 1 0 4-3.71 12 12 0 1 0 0 16.34 2.73 2.73 0 0 0-4-3.72 6.46 6.46 0 0 1-4.78 2.1 6.55 6.55 0 0 1 0-13.1zm154.51 14.9H154.9a4.74 4.74 0 0 1 .14-1c.6-2.45 3.08-3.72 6.09-5.06 3.46-1.6 6.72-3.22 6.72-7.33s-3-6.83-8-6.83a9.6 9.6 0 0 0-6.15 2 5.15 5.15 0 0 0-2.09 3.75c0 1.92 2.4 1.88 2.4 1.77a5.43 5.43 0 0 1 5.6-4.38c2.93 0 4.67 1.41 4.67 3.78s-2.69 3.61-5.7 5.1c-3.43 1.7-7.08 3.78-7.08 8.49v.88c0 1.46.67 2 2.27 2h12.74c1.2 0 1.73-.53 1.73-1.49v-.21c0-.97-.53-1.47-1.73-1.47zm41.4 0H196.3a4.74 4.74 0 0 1 .14-1c.6-2.45 3.08-3.72 6.09-5.06 3.47-1.6 6.72-3.22 6.72-7.33s-3-6.83-8-6.83a9.6 9.6 0 0 0-6.15 2 5.15 5.15 0 0 0-2.1 3.71c0 1.92 2.4 1.88 2.4 1.77a5.43 5.43 0 0 1 5.6-4.38c2.93 0 4.67 1.41 4.67 3.78s-2.69 3.61-5.7 5.1c-3.43 1.7-7.08 3.78-7.08 8.49v.88c0 1.46.67 2 2.27 2h12.74c1.2 0 1.73-.53 1.73-1.49v-.21c.01-.93-.52-1.43-1.72-1.43zm18.26.04h-3.08V12.06a1.49 1.49 0 0 0-1.63-1.67h-1.23l-6.83 4.5a2 2 0 0 0 1.87 2.23 2.9 2.9 0 0 0 1.88-.78c.67-.53 1.24-1.17 2.62-2.27v16.32H216c-1.09 0-1.66.46-1.66 1.48v.18c0 1 .57 1.42 1.66 1.42h10.2c1.09 0 1.66-.43 1.66-1.42v-.18c-.03-1.02-.6-1.48-1.69-1.48zm-45.86-20.28c-5.88 0-9.52 4.14-9.52 10.76v2.33c0 6.62 3.57 10.73 9.52 10.73s9.55-4.18 9.55-10.8v-2.3c0-6.61-3.61-10.72-9.55-10.72zm5.91 13.2c0 4.81-2.13 7.54-5.91 7.54s-5.84-2.76-5.84-7.57v-2.59c0-4.81 2.12-7.57 5.84-7.57s5.91 2.83 5.91 7.64z"/></svg>
\ No newline at end of file