Updated remaining VPN logos to use Protocol assets (#11100)

* updated remaining VPN assets to use Protocol logos

* PR fixes

bedrock/privacy/templates/privacy/notices/mozilla-vpn.html

@@ -8,4 +8,4 @@
 
 {% set body_id = "mozilla-vpn" %}
 
-{% block article_header_logo %}{{ static('img/logos/vpn/logo-with-wordmark.svg') }}{% endblock %}
+{% block article_header_logo %}{{ static('protocol/img/logos/mozilla/vpn/logo-word-hor-stack.svg') }}{% endblock %}

bedrock/products/templates/products/vpn/resource-center/landing.html

@@ -49,7 +49,7 @@
     block_class='resource-center-split mzp-t-content-lg mzp-l-split-center-on-sm-md',
     media_class='resource-center-split-media',
   ) %}
-    <h1 class="resource-center-wordmark">{{ ftl('vpn-resource-center-mozilla-vpn') }}</h1>
+    <h1 class="resource-center-wordmark mzp-c-wordmark mzp-t-wordmark-sm mzp-t-product-vpn">{{ ftl('vpn-resource-center-mozilla-vpn') }}</h1>
     <h2 class="mzp-c-call-out-title">{{ ftl('vpn-resource-center-start-protecting') }}</h2>
     {{ vpn_product_referral_link(
         referral_id='vpn-resource-center',

media/css/products/vpn/components/hero.scss

@@ -27,7 +27,7 @@ $image-path: '/media/protocol/img';
 
 .vpn-hero-heading {
     @include image-replaced;
-    background: transparent url('/media/img/logos/vpn/logo-with-wordmark.svg') top left no-repeat;
+    background: transparent url('/media/protocol/img/logos/mozilla/vpn/logo-word-hor-stack.svg') top left no-repeat;
     @include background-size(175px 60px);
     height: 60px;
     margin: 0 auto $spacing-lg;

media/css/products/vpn/resource-center.scss

@@ -50,16 +50,16 @@ $image-path: '/media/protocol/img';
 }
 
 .resource-center-wordmark {
-    @include image-replaced;
-    @include background-size(94px 32px);
-    background: transparent url('/media/img/logos/vpn/logo-with-wordmark.svg') top left no-repeat;
-    height: 32px;
     margin: 0 auto $spacing-lg;
-    width: 94px;
 
     @media #{$mq-md} {
         margin: 0 0 $spacing-xl;
     }
+
+    // patch fix to center the word-mark. Similar to issue #10666
+    @media screen and (max-width: #{$screen-md}) {
+        background-position: top center;
+    }
 }
 
 .resource-center-cta {

media/img/logos/vpn/logo-with-wordmark.svg

@@ -1 +0,0 @@
-<svg width="94" height="32" viewBox="0 0 94 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M34.888 9h1.764V3.864l2.556 4.656 2.544-4.656V9h1.776V.756h-1.776l-2.544 4.656L36.652.756h-1.764V9zm13.334.144c1.836 0 3.372-1.488 3.372-3.252 0-1.764-1.536-3.24-3.372-3.24-1.848 0-3.396 1.476-3.396 3.24 0 1.764 1.548 3.252 3.396 3.252zm0-1.476c-.936 0-1.716-.816-1.716-1.776 0-.96.78-1.764 1.716-1.764.924 0 1.704.804 1.704 1.764s-.78 1.776-1.704 1.776zM52.504 9h5.424V7.512h-3.144l3.12-3.48V2.796h-5.316v1.488h3.036l-3.12 3.48V9zm7.539-7.056a.95.95 0 00.936-.96.953.953 0 00-.936-.936c-.54 0-.96.444-.96.936 0 .528.42.96.96.96zM59.155 9h1.752V2.796h-1.752V9zm3.281 0h1.752V.612h-1.752V9zm3.281 0h1.752V.612h-1.752V9zm6.053-6.348c-.863 0-1.715.24-2.591.684l.588 1.164c.492-.252 1.032-.444 1.608-.444 1.02 0 1.428.576 1.428 1.236v.12a4.477 4.477 0 00-1.584-.312c-1.44 0-2.58.84-2.58 2.064 0 1.188 1.02 1.98 2.34 1.98.672 0 1.38-.264 1.824-.768V9h1.692V5.292c0-1.62-1.104-2.64-2.724-2.64zm-.395 5.28c-.6 0-1.044-.312-1.044-.816s.504-.876 1.14-.876c.48 0 .936.084 1.332.228v.576c-.12.576-.756.888-1.428.888zm-21.331 4.832l-5.516 13.552-5.516-13.552h-4.648L42.204 32h4.62l7.84-19.236h-4.62zM56.932 32h4.116v-6.244h4.536c4.172 0 7.252-2.688 7.252-6.496 0-3.808-3.08-6.496-7.252-6.496h-8.652V32zm4.116-10.024v-5.432h4.088c2.044 0 3.444 1.064 3.444 2.716 0 1.652-1.4 2.716-3.444 2.716h-4.088zM75.584 32H79.7V19.568L88.968 32h4.144V12.764h-4.144v12.432L79.7 12.764h-4.116V32z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 3.6a2.4 2.4 0 100 4.8 2.4 2.4 0 000-4.8zM10.4 6a5.6 5.6 0 112.936 4.927l-2.41 2.41c.183.335.331.691.442 1.063h9.264a5.6 5.6 0 112.704 6.527l-2.41 2.41a5.6 5.6 0 11-2.263-2.263l2.41-2.41a5.563 5.563 0 01-.441-1.064h-9.264a5.6 5.6 0 11-2.704-6.527l2.409-2.408A5.575 5.575 0 0110.4 6zm3.2 20a2.4 2.4 0 114.8 0 2.4 2.4 0 01-4.8 0zM6 13.6a2.4 2.4 0 100 4.8 2.4 2.4 0 000-4.8zM23.6 16a2.4 2.4 0 114.8 0 2.4 2.4 0 01-4.8 0z" fill="#000"/></svg>