additional css flex for cta items at smaller widths - additional 4 wide at xxl width

source/_patterns/04-components/call-to-action/_call-to-action.scss

@@ -52,7 +52,7 @@ $faculties: 'neutral', 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env'
 }
 .uw-cta__center-wrapper {
   align-items: center;
-  display: flex;
+  display: inline-flex;
   -ms-flex-align: center;
   flex-direction: row;
   flex-wrap: wrap;
@@ -64,7 +64,6 @@ $faculties: 'neutral', 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env'
 .uw-cta {
   clear: both;
   height: 100%;
-  padding: rem(gesso-spacing(md));
   width: 100%;
 
   &.uw-contained-width {
@@ -74,13 +73,17 @@ $faculties: 'neutral', 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env'
 
   .uw-cta__aside {
     background-color: $uw-black;
+    border: 1px solid #fff;
     flex: 1 0 100%;
     @include small{
      flex: 1 0 50%;
     }
-    @include small{
+    @include large{
       flex: 1 0 30%;
     }
+    @include xxl{
+      flex: 1 0 25%;
+    }
   }
 
   .uw-cta__aside:last-child {
@@ -138,7 +141,7 @@ $faculties: 'neutral', 'org-default', 'org-ahs', 'org-art', 'org-eng', 'org-env'
 }
 @each $faculty in $faculties {
   .call-to-action-theme-#{$faculty}{
-  border: 1px solid #fff;
+
   display: table-cell;
   margin: 1px;
   vertical-align: middle;