update icons, advocates and ideas page

Author: hmillersarah

ims-advocacy.html

@@ -331,13 +331,13 @@ <h2>Who are they?</h2>
 					<div class="pure-g pure-g-pad">
 						<div class="pure-u-1 pure-u-md-9-24">
 							<div class="inline-g">
-								<img src="wp-content/Development.svg" alt="">
+								<img src="wp-content/icons/icon_code.svg" alt="">
 								<p>IMS developers</p>
 							</div>
 						</div>
 						<div class="pure-u-1 pure-u-md-9-24">
 							<div class="inline-g">
-								<img src="wp-content/Exam-mode.svg" alt="">
+								<img src="wp-content/icons/icon_executable_program.svg" alt="">
 								<p>IMS testers</p>
 							</div>
 						</div>
@@ -364,27 +364,27 @@ <h2>What do they do?</h2>
 				</div>
 				<div class="pure-u-md-3-4">
 					<div class="pure-g pure-g-pad">
-						<div class="pure-u-1 pure-u-md-1-2">
+						<div class="pure-u-1 pure-u-md-9-24">
 							<div class="inline-g">
-								<h2>1</h2>
+								<img src="wp-content/icons/icon_blue_growth.svg" alt="">
 								<p>They can help you be more successful with IMS.</p>
 							</div>
 						</div>
-						<div class="pure-u-1 pure-u-md-1-2">
+						<div class="pure-u-1 pure-u-md-9-24">
 							<div class="inline-g">
-								<h2>2</h2>
+								<img src="wp-content/icons/icon_blue_user_follow.svg" alt="">
 								<p>They lobby for their clients.</p>
 							</div>
 						</div>
-						<div class="pure-u-1 pure-u-md-1-2">
+						<div class="pure-u-1 pure-u-md-9-24">
 							<div class="inline-g">
-								<h2>3</h2>
+								<img src="wp-content/icons/icon_blue_currency.svg" alt="">
 								<p>There is no cost to the client.</p>
 							</div>
 						</div>
-						<div class="pure-u-1 pure-u-md-1-2">
+						<div class="pure-u-1 pure-u-md-9-24">
 							<div class="inline-g">
-								<h2>4</h2>
+								<img src="wp-content/icons/icon_blue_sales_ops.svg" alt="">
 								<p>They are <i>not</i> salespeople; they don't earn commissions.</p>
 							</div>
 						</div>
@@ -399,7 +399,7 @@ <h2>Examples of advocacy</h2>
 				</div>
 				<div class="pure-u-1 pure-g pure-g-pad">
 					<div class="pure-u-md-7-24 column-g">
-						<div><img src="wp-content/Db2-buffer-pool.svg" alt="" class="icon-md icon-invert"></div>
+						<div><img src="wp-content/icons/icon_education.svg" alt="" class="icon-md"></div>
 						<div>
 							<h4>Challenge</h4>
 							<p>A Db2 DBA needed to learn how to run IMS databases.</p>
@@ -410,7 +410,7 @@ <h4>Advocacy action</h4>
 						</div>
 					</div>
 					<div class="pure-u-md-7-24 column-g">
-						<div><img src="wp-content/File-storage.svg" alt="" class="icon-md icon-invert"></div>
+						<div><img src="wp-content/icons/icon_code_reference.svg" alt="" class="icon-md"></div>
 						<div>
 							<h4>Challenge</h4>
 							<p>Client requested that their DEDBs have more than 2,048 areas per database.</p>
@@ -450,7 +450,7 @@ <h3>Review ideas</h3>
 					</div>
 					<div class="pure-u-md-11-24">
 						<img src="wp-content/icons/icon_edit.svg" alt="" class="icon-sm">
-						<h3>Post an idea</h3>
+						<h3>Post ideas</h3>
 						<p>Post an idea if it doesn't already exist. Wait a few days to get feedback from the IMS team and other customers to refine your idea.</p>
 
 					</div>

wp-content/icons/icon_blue_currency.svg

@@ -102,7 +102,7 @@
 .icon-md {
   max-height: var(--plex-72);
   max-width: var(--plex-72);
-  margin-bottom: var(--plex-20);
+  margin-bottom: 0.5em;
 }
 
 .icon-invert {
@@ -238,7 +238,7 @@
   display: flex;
   flex-flow: row nowrap;
   gap: 1em;
-  align-items: center;
+  align-items: flex-start;
 }
 
 .inline-g h2 {