added dns pages and representation flow

styles/sass/welshgov/_application.scss

@@ -19,6 +19,8 @@ html {
 .govuk-breadcrumbs__link,
 .govuk-fieldset__legend--s,
 .govuk-input,
+.govuk-panel,
+.govuk-panel__title,
 h1,
 h2,
 h3,
@@ -676,3 +678,69 @@ ul#sharePageLinks.active {
     outline: none;
     transition: border 0.24s ease-in-out;
 }
+
+// dns
+
+.govuk-panel--header {
+    background-color: #8b272d;
+    padding: 15px;
+    color: #fff;
+    text-align: left;
+    margin-bottom: 0px;
+
+    .govuk-panel__title {
+        font-size: 36px;
+    }
+    p {
+        color: #fff;
+    }
+}
+
+.govuk-panel--latest {
+    background-color: #000;
+    color: #fff;
+    padding: 15px;
+    text-align: left;
+    margin-bottom: 0px;
+
+    .govuk-panel__title {
+        font-size: 24px;
+    }
+    .govuk-heading-m {
+        color: #fff;
+    }
+
+    .govuk-panel__body {
+        font-size: initial;
+    }
+
+    .govuk-list li a {
+        color: #fff;
+    }
+}
+
+.govuk-panel--dns-links {
+    background-color: #fff;
+}
+
+.govuk-panel--open-for-comments {
+    background-color: #8b272d;
+    color: #fff;
+    padding: 15px;
+    text-align: left;
+    margin-bottom: 0px;
+    .govuk-panel__title {
+        font-size: 24px;
+    }
+    .govuk-heading-m {
+        color: #fff;
+    }
+
+    .govuk-panel__body {
+        font-size: initial;
+    }
+
+    .govuk-list li a {
+        color: #fff;
+    }
+}