fix icon sizing

Author: hmillersarah

ims-devops.html

@@ -110,16 +110,20 @@ <h2>Ansible for IBM Z</h2>
 					</div>
 					<div class="pure-u-1 pure-g pure-g-pad">
 						<div class="pure-u-md-11-24">
-							<p><a 
-									target="_blank" 
-									rel="noopener noreferrer" 
-									href="https://www.ansible.com/integrations/infrastructure/ibm-zos">
-									Red Hat Ansible Certified Content for IBM Z
-								</a> 
+							<p>
+								Red Hat Ansible Certified Content for IBM Z
 								helps you connect IBM Z to your wider enterprise automation strategy through the Red Hat® Ansible 
 								Automation Platform ecosystem. IBM Z Ansible content helps enable development and operations 
 								automation through unified workflow orchestration in one easy-to-use platform.
 							</p>
+							<p>
+								<a 
+									target="_blank" 
+									rel="noopener noreferrer" 
+									href="https://www.ansible.com/integrations/infrastructure/ibm-zos">
+									Get started with Red Hat Ansible Certified Content for IBM Z →
+								</a>
+							</p>
 						</div>
 						<div class="pure-u-md-11-24">
 							<p>
@@ -142,8 +146,8 @@ <h2>Ansible for IBM Z</h2>
 				<section class="light-gray-bg pure-g">
 					<div class="pure-u-1 pure-g pure-g-pad">
 						<div class="pure-u-md-11-24">
-							<img src="wp-content/Icon_IMS collections_AutomationPage.svg" alt="" class="icon">
-							<h3>IMS collections</h3>
+							<img src="wp-content/Icon_IMS collections_AutomationPage.svg" alt="" class="icon-xl">
+							<h2>IMS collections</h2>
 							<p>
 								Grab the latest IBM z/OS IMS collections from Galaxy or GitHub. These collections include 
 								modules and sample playbooks that help you automate tasks for IBM IMS.
@@ -166,8 +170,8 @@ <h3>IMS collections</h3>
 							</p>
 						</div>
 						<div class="pure-u-md-11-24">
-							<img src="wp-content/Icon_IMS collections_AutomationPage.svg" alt="" class="icon">
-							<h3>Engage with the community</h3>
+							<img src="wp-content/Icon_IMS collections_AutomationPage.svg" alt="" class="icon-xl">
+							<h2>Engage with the community</h2>
 							<p>
 								See the latest blogs, search forums, learn about events, and more on the 
 								Ansible for IBM Z community.
@@ -195,7 +199,7 @@ <h2>Value</h2>
 							<div class="pure-u-1 pure-u-sm-1-3">
 								<div class="pure-g">
 									<div class="pure-u-1-5 pure-u-md-1">
-										<img src="wp-content/Icon_Consistency_AutomationPage.svg" alt="" class="icon-sm">
+										<img src="wp-content/Icon_Consistency_AutomationPage.svg" alt="" class="icon icon-xl">
 									</div>
 									<div class="pure-u-4-5 pure-u-md-1">
 										<h3>Consistency</h3>
@@ -211,7 +215,7 @@ <h3>Consistency</h3>
 							<div class="pure-u-1 pure-u-sm-1-3">
 								<div class="pure-g">
 									<div class="pure-u-1-5 pure-u-md-1">
-										<img src="wp-content/Icon_Transparency_AutomationPage.svg" alt="" class="icon-sm">
+										<img src="wp-content/Icon_Transparency_AutomationPage.svg" alt="" class="icon icon-xl">
 									</div>
 									<div class="pure-u-4-5 pure-u-md-1">
 										<h3>Transparency</h3>
@@ -227,7 +231,7 @@ <h3>Transparency</h3>
 							<div class="pure-u-1 pure-u-sm-1-3">
 								<div class="pure-g">
 									<div class="pure-u-1-5 pure-u-md-1">
-										<img src="wp-content/Icon_Skills_AutomationPage.svg" alt="" class="icon-sm">
+										<img src="wp-content/Icon_Skills_AutomationPage.svg" alt="" class="icon icon-xl">
 									</div>
 									<div class="pure-u-4-5 pure-u-md-1">
 										<h3>Skills</h3>

wp-includes/css/page.css

@@ -29,6 +29,7 @@
   --plex-24: 1.5em;
   --plex-28: 1.75em;
   --plex-36: 2.25em;
+  --plex-48: 3em;
   --plex-72: 4.5em;
   --plex-180: 11.25em;
 }
@@ -103,6 +104,12 @@
   height: var(--plex-28);
 }
 
+.icon-xl {
+  height: var(--plex-36);
+  max-width: var(--plex-48);
+  margin-bottom: 1.4em;
+}
+
 .icon {
   margin-bottom: 0.5em;
 }