diff --git a/public/resources/css/module/_code.scss b/public/resources/css/module/_code.scss
index 9bcfc3c662..c54f687233 100644
--- a/public/resources/css/module/_code.scss
+++ b/public/resources/css/module/_code.scss
@@ -6,6 +6,7 @@
 
 .cp_embed_iframe {
   overflow: hidden;
+  max-width: 100% !important;
 }
 
 
diff --git a/public/resources/css/module/_hero.scss b/public/resources/css/module/_hero.scss
index 6d2eddab20..6f695e5cba 100644
--- a/public/resources/css/module/_hero.scss
+++ b/public/resources/css/module/_hero.scss
@@ -55,6 +55,11 @@ $hero-padding: $unit * 2;
     margin: ($unit * 3) auto ($unit * 5) auto;
     font-weight: 400;
 
+    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
+      background: url('/resources/images/logos/standard/shield-large@2x.png') top center no-repeat;
+      background-size: 184px 200px;
+    }
+
     @media handheld and (max-width: $phone-breakpoint),
     screen and (max-device-width: $phone-breakpoint),
     screen and (max-width: $tablet-breakpoint) {