footer alignment update

scss/components/_footer.scss

@@ -77,6 +77,10 @@ footer {
       gap: 10px;
 
       li {
+        display: flex;
+        flex-flow: row;
+        align-items: flex-end;
+        justify-content: flex-start;
         width: 100%;
         height: 48px;
 
@@ -85,6 +89,8 @@ footer {
           text-decoration: none;
           @include typography(paragraph);
           cursor: pointer;
+          position: relative;
+          height: auto;
 
           color: #000;
 
@@ -141,9 +147,19 @@ footer {
     }
 
     & > .contact {
-      @include media-breakpoint-down(lg) {
-        grid-row: 2 / 4;
-        grid-column: 2 / 3;
+      grid-row: 2 / 3;
+      grid-column: 2 / 3;
+
+      @include media-breakpoint-up(lg) {
+        grid-row: 1 / 3;
+        grid-column: 3 / 4;
+        align-self: center;
+      }
+
+      @include media-breakpoint-up(xl) {
+        grid-row: 1;
+        grid-column: 4 / 5;
+        align-self: end;
       }
 
       text-align: right;