style fix faq section courses page

Author: hmillersarah

ims-education.html

@@ -100,8 +100,8 @@
 		></jump-links>
 
 		<!-- =========================== Courses - all roles =========================== -->
-		<section id="all-roles" class="white-bg card-section">
-			<div class="card-section-header"><h2>All roles</h2></div>
+		<section id="all-roles" class="white-bg">
+			<div><h2>All roles</h2></div>
 				<!-- IMS Fundamentals -->
 				<course-card
 					id="ims-fundamentals"
@@ -140,8 +140,8 @@
 		</section>
 
 		<!-- =========================== Courses - IMS database =========================== -->
-		<section id="ims-database" class="white-bg card-section">
-			<div class="card-section-header"><h2>IMS database</h2></div>
+		<section id="ims-database" class="white-bg">
+			<div"><h2>IMS database</h2></div>
 				<!-- Logical Relationships -->
 				<course-card
 					name="IMS Logical Relationships"
@@ -316,8 +316,8 @@
 		</section>
 
 		<!-- =========================== Courses - System programming =========================== -->
-		<section id="system-programming" class="white-bg card-section">
-			<div class="card-section-header"><h2>System programming</h2></div>
+		<section id="system-programming" class="white-bg">
+			<div><h2>System programming</h2></div>
 				<!-- IMS security -->
 				<course-card
 					id="ims-security"
@@ -432,7 +432,7 @@
 		</section>
 
 		<!-- =========================== Courses - Application development =========================== -->
-		<section id="application-development" class="white-bg card-section">
+		<section id="application-development" class="white-bg">
 			<div><h2>Application development</h2></div>
 				<!-- TM Application Programming -->
 				<course-card
@@ -474,10 +474,12 @@
 		</section>
 
 		<!-- =========================== Courses - Instructor-led =========================== -->
-		<section id="instructor-led" class="white-bg card-section">
+		<section id="instructor-led" class="white-bg pure-g">
+			<div class="pure-u-1">
 			<div><h2>Instructor-led</h2></div>
 			<p>No instructor-led classes are scheduled at this time. Please check back in the coming weeks for class offerings.</p>
-			<p>For more information about the live class format, see the upcoming events on the <a href="https://community.ibm.com/community/user/ibmz-and-linuxone/groups/public?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560" target="_blank" rel="noopener noreferrer">IMS community page.</a></p>
+			<p>For more information about the live class format, see the upcoming events on the <a href="https://community.ibm.com/community/user/ibmz-and-linuxone/groups/public?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560" target="_blank" rel="noopener noreferrer">IMS Community page.</a></p>
+			</div>
 
 			<!-- IMS Fundamentals, April Session -->
 			<!-- <course-card
@@ -499,37 +501,38 @@
 				hours="8:00 AM CDT (13:00 UTC) - 1:00 PM CDT (18:00 UTC)"
 				registerlink="https://www.ibm.com/it-infrastructure/us-en/resources/campaignmail/z/ims/eventsignup.html"
 				link="http://public.dhe.ibm.com/software/data/sw-library/ims/usergroups/IMS_Events_List.pdf"
+				class="pure-u-1"
 			>
 			</course-card> -->
 		</section>
 
 		<!-- =========================== FAQs =========================== -->
 		<section id="faqs" class="light-gray-bg pure-g">
-				<div class="pure-u-1 pure-u-md-1-4 section-header">
+				<div class="pure-u-1 pure-u-lg-1-4 section-header">
 					<h2>Frequently asked questions</h2>
 				</div>
-				<div class="pure-u-1 pure-u-md-3-4">
+				<div class="pure-u-1 pure-u-lg-3-4">
 					<div class="pure-g pure-g-pad">
 						<div class="pure-u-1">
 							<h4>Have questions about IMS courses or the badge program? Here are some quick answers that can help you.</h4>
 						</div>
-						<div class="pure-u-1 pure-u-sm-1-2">
+						<div class="pure-u-1 pure-u-lg-1-2">
 							<h4>How do I earn a badge?</h4>
 							<p>
 								Courses that offer badges include one or more exams. You must pass those exams and complete all required activities. 
 								See the "Grading and badge" topic in your course to review the course requirements and grading policy.
 							</p>
 						</div>
-						<div class="pure-u-1 pure-u-sm-1-2">
+						<div class="pure-u-1 pure-u-lg-1-2">
 							<h4>If I pass a course, when do I get the badge?</h4>
 							<p>Badges are typically issued automatically after you meet the course requirements and grading policy. You should typically get an 
 								email notification to claim your badge in 1 to 4 days after course completion.</p>
 						</div>
-						<div class="pure-u-1 pure-u-sm-1-2">
+						<div class="pure-u-1 pure-u-lg-1-2">
 							<h4>Who do I contact if I have problems with course content?</h4>
 							<p>You can contact the IMS Education team at <a href="mailto:ibmimsom@us.ibm.com">ibmimsom@us.ibm.com</a>.</p>
 						</div>
-						<div class="pure-u-1 pure-u-sm-1-2">
+						<div class="pure-u-1 pure-u-lg-1-2">
 							<h4>Where can I find more information about digital badges?</h4>
 							<p>For more information about badges, see <a target="_blank" rel="noopener noreferrer" href="https://www.ibm.com/training/credentials/faq">
 								IBM credentials FAQs</a> on IBM Training.</p>
@@ -540,17 +543,17 @@ <h4>Where can I find more information about digital badges?</h4>
 
 		<!-- =========================== Support =========================== -->
 		<section id="support" class="gray-bg pure-g">
-			<div class="pure-u-1 pure-u-md-1-4 section-header">
+			<div class="pure-u-1 pure-u-lg-1-4 section-header">
 				<h2>Support</h2>
 			</div>
-			<div class="pure-u-1 pure-u-md-3-4">
+			<div class="pure-u-1 pure-u-lg-3-4">
 				<div class="pure-g pure-g-pad">
-					<div class="pure-u-1 pure-u-sm-1-2">
+					<div class="pure-u-1 pure-u-lg-1-2">
 						<h4>Course badges</h4>
 						<p>After completing the activies required to earn a badge, receiving a badge notifaction to claim your badge can take up to 1 to 2 weeks.</p>
 						<p>If you have questions about IBM IMS badges, contact <a href="mailto:ibmimsom@us.ibm.com">ibmimsom@us.ibm.com</a>.</p>
 					</div>
-					<div class="pure-u-1 pure-u-sm-1-2">
+					<div class="pure-u-1 pure-u-lg-1-2">
 						<h4>Credly support</h4>
 						<p>For questions related to your Credly badge earner account and profile or issues related to claiming your badge 
 							after receiving a notification, go to <a target="_blank" rel="noopener noreferrer" href="https://support.credly.com/hc/en-us">