Split title in two lines

The same it's done in the UN official SDG pages.

We could try to split the string on a space which is more or less in the
middle. However, this wouldn't work on languages which don't have spaces
between works, like Chinese.

So in the end I've added a new translation key, where the title is
supposed to be split in several lines the same way it's done by the UN.

app/assets/stylesheets/sdg/goals/show.scss

@@ -27,14 +27,22 @@
     }
 
     h1 {
+      align-items: center;
+      display: flex;
       font-family: "Oswald" !important;
       font-weight: 500;
       letter-spacing: -1px;
+      line-height: 1.1;
       text-transform: uppercase;
 
       .goal-code {
+        font-size: 2.2em;
         letter-spacing: -0.1em;
-        margin-right: rem-calc(10);
+        margin-right: 0.2em;
+      }
+
+      .goal-title > * {
+        display: block;
       }
     }