ISTWCMS-4618: Manual merge.

css/styles.css

@@ -4363,6 +4363,7 @@ details.details {
 }
 
 .uw-facebook {
+  display: grid;
   padding: 1rem 0;
   width: 100%;
 }
@@ -4382,7 +4383,7 @@ details.details {
 .uw-facebook .fb-post,
 .uw-facebook .fb-page {
   background: url("../source/images/icons/facebook_logo.png") no-repeat;
-  background-position: center center;
+  background-position: 50% 25%;
   min-height: 340px;
   text-align: center;
   width: 100%;
@@ -5675,6 +5676,14 @@ fieldset .fieldset-wrapper .webform-container-inline .fieldset-invisible,
   display: none;
 }
 
+.uw-google-maps > iframe {
+  width: 100%;
+}
+
+.js .uw-google-maps__message {
+  display: none;
+}
+
 .hero-bg-image {
   background-position: 50% 50%;
   background-size: cover;
@@ -7794,21 +7803,37 @@ fieldset .fieldset-wrapper .webform-container-inline .fieldset-invisible,
 }
 
 .uw-remote-video {
+  height: 0;
+  margin-bottom: 2rem;
+  padding-bottom: 56.25%;
+  /* 16:9 */
+  padding-top: 25px;
+  position: relative;
   width: 100%;
 }
 .uw-remote-video__video {
-  text-align: center;
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
 }
-.uw-remote-video__video iframe {
-  margin-left: auto;
-  margin-right: auto;
+.uw-remote-video__video .media-oembed-content {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
 }
 .uw-remote-video__view {
-  margin-left: auto;
-  margin-right: auto;
+  position: absolute;
   text-align: center;
+  top: 100%;
+  width: 100%;
 }
 .uw-remote-video__view a {
+  font-family: Typ1451-Medium,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Oxygen-Sans", Ubuntu, Cantarell, "Fira Sans", Droid Sans, sans-serif;
+  font-size: 1rem;
   text-decoration: underline;
 }
 .uw-remote-video__view a:hover {

source/_patterns/04-components/remote-video/_remote-video.scss

 .uw-remote-video {
+  height: 0;
+  margin-bottom:2rem;
+  padding-bottom: 56.25%; /* 16:9 */
+  padding-top: 25px;
+  position: relative;
   width: 100%;
 
   &__video {
-    text-align: center;
+    height: 100%;
+    left: 0;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    .media-oembed-content {
+      height: 100%;
+      left: 0;
+      position: absolute;
+      top: 0;
+      width: 100%;
 
-    iframe {
-      margin-left: auto;
-      margin-right: auto;
     }
   }
 
   &__view {
-    margin-left: auto;
-    margin-right: auto;
-    text-align: center;
+    position: absolute;
+    text-align:center;
+    top:100%;
+    width:100%;
 
     a {
+      font-family: gesso-font-family(systemmedium);
+      font-size:rem(gesso-font-size(0));
       text-decoration: underline;
 
       &:hover {