Pull ampersand in closer

index.html

@@ -15,7 +15,7 @@
     <meta property="og:image:secure_url" content="https://brettkate.wedding/logo.png">
     <meta property="og:image:type" content="image/png">
     <title>Brett and Kate's wedding</title>
-    <link rel="stylesheet" href="/styles.css?v=2309iwkm">
+    <link rel="stylesheet" href="/styles.css?v=2309u4ljkdsm">
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=XBzaKGvaex">
 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=XBzaKGvaex">
 <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=XBzaKGvaex">

styles.scss

@@ -32,6 +32,7 @@ a {
     font-family: $family-serif;
 
     &.headline {
+        letter-spacing: 1px;
         font-family: $family-cursive;
     }
 
@@ -215,16 +216,31 @@ a {
     @include from($desktop) {
         font-size: 9rem;
         line-height: 7rem;
+
+        sup {
+            margin-left: 1rem;
+            margin-right: -2rem;
+        }
     }
 
     @include until($desktop) {
         font-size: 7.5rem;
         line-height: 6rem;
+
+        sup {
+            margin-left: 1rem;
+            margin-right: -1.5rem;
+        }
     }
 
     @include until($tablet) {
         font-size: 5rem;
         line-height: 4rem;
+
+        sup {
+            margin-left: 1rem;
+            margin-right: -1rem;
+        }
     }
 
     &+.subtitle {