diff --git a/src/components/Classification.js b/src/components/Classification.js
index 4d1b57c968cc878a0d018d379fe0eea30b3ba27f..ea43ee2ecc7bbdb70ae4d665af9268c0f202dc35 100644
--- a/src/components/Classification.js
+++ b/src/components/Classification.js
@@ -46,7 +46,7 @@ const Classification = ({ levels, serviceName }) => {
     <Box
       direction="row"
       align="start"
-      style={{ minWidth: '380px', maxWidth: '500px' }}
+      style={{ maxWidth: '500px' }}
       a11yTitle={`Classification levels supported by ${serviceName}: ${supportedLevels}`}
     >
       <Box
diff --git a/src/components/FeedbackFooter.js b/src/components/FeedbackFooter.js
index 7268f00d9067b13139ffe52f806a04832362ff48..e6c139b964def4bae27e622f8ec28b2dfeb361cb 100644
--- a/src/components/FeedbackFooter.js
+++ b/src/components/FeedbackFooter.js
@@ -1,5 +1,5 @@
 import React, { useContext, useState } from 'react';
-import { Box, Text, Layer, ResponsiveContext } from 'grommet';
+import { Box, Text, Layer, ResponsiveContext, ThemeContext } from 'grommet';
 import FeedbackForm from './FeedbackForm';
 import { Container, Column } from './layout';
 import { SecondaryButton } from './core';
@@ -53,9 +53,19 @@ const FeedbackFooter = () => {
         </Column>
       </Container>
       {isOpen && (
-        <Layer animation="fadeIn">
-          <FeedbackForm onClose={handleToggleOpen} />
-        </Layer>
+        <ThemeContext.Extend
+          value={{
+            layer: {
+              extend: () => ({
+                zIndex: '50',
+              }),
+            },
+          }}
+        >
+          <Layer animation="fadeIn">
+            <FeedbackForm onClose={handleToggleOpen} />
+          </Layer>
+        </ThemeContext.Extend>
       )}
     </>
   );
diff --git a/src/components/app/Footer.js b/src/components/app/Footer.js
index cd9375b226eccd8f8c209d28a98cdd74a0aca580..19ef7886ad4e5a2ba87d1c2b793669d1a6a25ca8 100644
--- a/src/components/app/Footer.js
+++ b/src/components/app/Footer.js
@@ -4,6 +4,7 @@ import { Container, Column } from '../layout';
 import { Link } from '../core';
 import AFLogo from '../../images/af-logo.svg';
 import C3Logo from '../../images/c3.png';
+import AFMCLogo from '../../images/AFMC.png';
 
 const Footer = () => {
   const size = useContext(ResponsiveContext);
@@ -18,29 +19,55 @@ const Footer = () => {
           justify="between"
           direction={isMobile ? 'column' : 'row'}
           gap="large"
-          aria-hidden="true"
         >
           <Box
-            gap="medium"
-            justify="center"
+            gap="small"
+            justify="start"
             align={isMobile ? 'center' : 'start'}
           >
             <Link to="/about-us/" color="light-1" size="small" weight="bold">
               About Us
             </Link>
+            <Link
+              to="/our-other-programs/"
+              color="light-1"
+              size="small"
+              weight="bold"
+            >
+              Our Other Programs
+            </Link>
+            <Link
+              to="https://www.wpafb.af.mil/Welcome/Fact-Sheets/Display/Article/835716/88-abw-freedom-of-information-act-foia-88-abw-installation-privacy-office/"
+              color="light-1"
+              size="small"
+            >
+              FOIA
+            </Link>
           </Box>
           <Box
             direction={isMobile ? 'column' : 'row'}
             gap="medium"
             align="center"
           >
-            <img
-              src={C3Logo}
-              width="117"
-              height="117"
-              alt="C3I & Networks Directorate logo"
-            />
-            <AFLogo height="117" />
+            <Link to="https://www.aflcmc.af.mil/WELCOME/Organizations/Command-Control-Communications-Intelligence-Networks-Directorate/">
+              <img
+                src={C3Logo}
+                width="117"
+                height="117"
+                alt="C3I & Networks Directorate"
+              />
+            </Link>
+            <Link to="https://www.afmc.af.mil/">
+              <img
+                src={AFMCLogo}
+                width="117"
+                height="117"
+                alt="Air Force Material Command"
+              />
+            </Link>
+            <Link to="https://www.af.mil/">
+              <AFLogo height="117" width="150" />
+            </Link>
           </Box>
         </Box>
       </Column>
diff --git a/src/components/hero/Hero.js b/src/components/hero/Hero.js
index 50ff05bf2b8b725e2c7fd6ecf3effca03bfbee14..ea36a12ba82d8edb26a0882130b18d1e2b2041dd 100644
--- a/src/components/hero/Hero.js
+++ b/src/components/hero/Hero.js
@@ -84,7 +84,8 @@ const Slide = ({ title, subtitle, core, cta, slug, logo, isMobile, size }) => {
             <Box style={{ maxWidth: '600px', maxHeight: '250px' }}>
               <Img
                 fluid={logo.childImageSharp.fluid}
-                imgStyle={{ objectFit: 'contain' }}
+                imgStyle={{ objectFit: 'contain', objectPosition: '0 50%' }}
+                alt={title}
               />
             </Box>
           )}
@@ -253,7 +254,7 @@ const Hero = () => {
   return (
     <Box
       height="85vh"
-      style={{ position: 'relative', minHeight: '500px' }}
+      style={{ position: 'relative', minHeight: '680px' }}
       background="brand"
     >
       <Container fill="vertical">
diff --git a/src/components/hero/ServiceCatHero.js b/src/components/hero/ServiceCatHero.js
index e41d412fecfc0eedcf12740f41e5aa2c90b39863..5195da0ad62fe73572e0c5020c1bc21ba3279ac9 100644
--- a/src/components/hero/ServiceCatHero.js
+++ b/src/components/hero/ServiceCatHero.js
@@ -16,8 +16,8 @@ const ServiceCatHero = ({ title, description, imageFluid, iconName }) => {
   return (
     <Container
       background="black"
-      style={{ position: 'relative' }}
-      pad={{
+      style={{ position: 'relative', overflow: 'hidden' }}
+      margin={{
         top: isMobile
           ? theme.custom.header.stickyHeight
           : theme.custom.header.height,
@@ -56,7 +56,11 @@ const ServiceCatHero = ({ title, description, imageFluid, iconName }) => {
               {title}
             </Heading>
             <Box width={isMobile ? 'auto' : '500px'}>
-              {description && <Markdown>{description}</Markdown>}
+              {description && (
+                <Markdown size="small" margin="0">
+                  {description}
+                </Markdown>
+              )}
             </Box>
           </Box>
           {!isMobile && (
@@ -67,24 +71,24 @@ const ServiceCatHero = ({ title, description, imageFluid, iconName }) => {
               gap="medium"
               flex={{ grow: 1 }}
             >
-              <IconComponent size="300" color={isMobile ? 'dark-4' : 'white'} />
+              <IconComponent size="200" color={isMobile ? 'dark-4' : 'white'} />
             </Box>
           )}
         </Box>
-        {isMobile && (
-          <IconComponent
-            size="300"
-            color="dark-4"
-            style={{
-              position: 'fixed',
-              right: '-150px',
-              top: '100px',
-              zIndex: 2,
-            }}
-          />
-        )}
       </Column>
-
+      {isMobile && (
+        <IconComponent
+          size="250"
+          color="dark-4"
+          style={{
+            position: 'absolute',
+            right: '0',
+            top: '50%',
+            zIndex: 2,
+            transform: 'translate(50%, -50%)',
+          }}
+        />
+      )}
       <DownHex />
     </Container>
   );
diff --git a/src/components/hero/ServiceHero.js b/src/components/hero/ServiceHero.js
index cb34e021ea8a8372a211b34972443a11276fcc9d..4b9846aff3ce45c9522028ec489e26fed2ed3f27 100644
--- a/src/components/hero/ServiceHero.js
+++ b/src/components/hero/ServiceHero.js
@@ -16,24 +16,26 @@ const ServiceHero = ({ title, subtitle, pretitle, categories, imageFluid }) => {
     <Container
       background="black"
       style={{ position: 'relative' }}
-      pad={{ top: theme.custom.header.height }}
+      pad={{
+        top: isMobile
+          ? theme.custom.header.stickyHeight
+          : theme.custom.header.height,
+      }}
     >
-      {!isMobile && (
-        <Img
-          fluid={imageFluid}
-          alt="Hero"
-          style={{
-            position: 'absolute',
-            top: '0',
-            left: '0',
-            right: '0',
-            bottom: '0',
-          }}
-        />
-      )}
+      <Img
+        fluid={imageFluid}
+        alt="Hero"
+        style={{
+          position: 'absolute',
+          top: '0',
+          left: '0',
+          right: '0',
+          bottom: '0',
+        }}
+      />
       <Column
         direction="row"
-        pad={{ bottom: 'large' }}
+        pad={{ bottom: 'xlarge' }}
         style={{ position: 'relative' }}
       >
         <Box pad="large">
diff --git a/src/components/layout/Column.js b/src/components/layout/Column.js
index 99670ebb5c9400be8b233d8d72081c6665ccf5d1..63b2bf8e7a874fbafa18b911d53271eeedb90a33 100644
--- a/src/components/layout/Column.js
+++ b/src/components/layout/Column.js
@@ -1,14 +1,16 @@
 import React, { useContext } from 'react';
-import { Box } from 'grommet';
+import { Box, ResponsiveContext } from 'grommet';
 import DebugContext from '../../DebugContext';
 
 const Column = (props) => {
   const debug = useContext(DebugContext);
+  const size = useContext(ResponsiveContext);
+  const isMobile = ['xsmall'].includes(size);
   return (
     <Box
       width="xxlarge"
       border={debug && { color: 'blue' }}
-      pad={{ horizontal: 'large' }}
+      pad={{ horizontal: isMobile ? 'medium' : 'large' }}
       flex="grow"
       {...props}
     />
diff --git a/src/components/mega-menu/MegaMenu.js b/src/components/mega-menu/MegaMenu.js
index 04ef7337d2efd4c26712a8ed4102b4407acaef65..a385dc4dd9bb91f4b62b2391b301a7d22e736a62 100644
--- a/src/components/mega-menu/MegaMenu.js
+++ b/src/components/mega-menu/MegaMenu.js
@@ -97,12 +97,13 @@ const MegaMenu = ({ sticky }) => {
                   title="Global Connectivity / WAN"
                   category="Global Connectivity / WAN"
                 />
-              </Box>
-              <Box basis="1/2">
                 <MenuGroup
                   title="Local Connectivity / BAN"
                   category="Local Connectivity / BAN"
                 />
+              </Box>
+              <Box basis="1/2">
+                <MenuGroup title="Transport" category="Transport" />
                 <MenuGroup title="Cloud Access" category="Cloud Access" />
                 <MenuGroup
                   title="Reference Architectures"
diff --git a/src/components/mega-menu/MegaMobileMenu.js b/src/components/mega-menu/MegaMobileMenu.js
index 3b2991e4ac41f5b9a6048cf23d879b472f7c1afe..dd6c50d1fe8624b8ecd15a9abcb54c42b9b4eda5 100644
--- a/src/components/mega-menu/MegaMobileMenu.js
+++ b/src/components/mega-menu/MegaMobileMenu.js
@@ -9,9 +9,9 @@ const mainLinks = [
   // "to" property is no special syntax "#" just signifying
   // its not a link.
   { name: 'Available Services', to: '#services' },
-  { name: 'Solutions', to: '/solutions' },
-  { name: 'About Us', to: '/about-us' },
-  { name: 'Our Other Programs', to: '/other-programs' },
+  { name: 'Solutions', to: '/solutions/' },
+  { name: 'About Us', to: '/about-us/' },
+  { name: 'Our Other Programs', to: '/other-programs/' },
 ];
 
 const serviceLinks = [
@@ -37,13 +37,13 @@ const MenuItem = ({ name, to, onNavigate }) => {
   return (
     <Box flex={{ shrink: 0 }} basis="60px" background="white" justify="center">
       {isLink ? (
-        <Box background="white" pad="medium" align="center" direction="row">
-          <Link to={to}>
+        <Link to={to} border={{ color: 'red' }}>
+          <Box background="white" pad="medium" align="center" direction="row">
             <Text weight="bold" color="black" size="small">
               {name}
             </Text>
-          </Link>
-        </Box>
+          </Box>
+        </Link>
       ) : (
         <Button onClick={() => onNavigate(name)} aria-haspopup="menu">
           <Box
diff --git a/src/components/pages/home/OfferAccordion.js b/src/components/pages/home/OfferAccordion.js
index 6599b0cf6eca5812a33a22609694536dd988cb94..06b11e1bd2a9b8b8001e03c0fa2e4b59e5829d54 100644
--- a/src/components/pages/home/OfferAccordion.js
+++ b/src/components/pages/home/OfferAccordion.js
@@ -80,12 +80,13 @@ const OfferAcc = () => {
                 title="Global Connectivity / WAN"
                 category="Global Connectivity / WAN"
               />
-            </Box>
-            <Box basis="1/2" gap="medium">
               <MenuGroup
                 title="Local Connectivity / BAN"
                 category="Local Connectivity / BAN"
               />
+            </Box>
+            <Box basis="1/2" gap="medium">
+              <MenuGroup title="Transport" category="Transport" />
               <MenuGroup title="Cloud Access" category="Cloud Access" />
               <MenuGroup
                 title="Reference Architectures"
diff --git a/src/components/pages/home/Steps.js b/src/components/pages/home/Steps.js
index a199c85cc10bcf8664fb392d38f8bd9165322b95..bd9bc942220fc636b49f04410364338d82fae53a 100644
--- a/src/components/pages/home/Steps.js
+++ b/src/components/pages/home/Steps.js
@@ -2,63 +2,76 @@ import React, { useContext } from 'react';
 import { Box, Text, ResponsiveContext } from 'grommet';
 import { DtHex } from '../../icons';
 
-const Step = ({ number, isMobile, children }) => (
-  <Box style={{ position: 'relative' }}>
-    {/* TODO: Add this line
-    <Box
-      height="1px"
-      background="dark-1"
-      width="100%"
-      style={{ position: 'absolute', top: '32px' }}
-    /> */}
-    <Box
-      basis="1/4"
-      pad={{ horizontal: 'small' }}
-      align="center"
-      direction={isMobile ? 'row' : 'column'}
-      gap="medium"
-    >
+const Step = ({ number, isMobile, children }) => {
+  const hzLineStyle = { position: 'absolute', top: '32px', width: '100%' };
+  const vtLineStyle = { position: 'absolute', left: '45px', height: '100%' };
+  if (number === 1) {
+    hzLineStyle.left = '50%';
+    hzLineStyle.width = '50%';
+    vtLineStyle.top = '50%';
+    vtLineStyle.height = '50%';
+  }
+  if (number === 4) {
+    hzLineStyle.right = '50%';
+    hzLineStyle.width = '50%';
+    vtLineStyle.bottom = '50%';
+    vtLineStyle.height = '50%';
+  }
+  return (
+    <Box style={{ position: 'relative' }}>
+      {!isMobile && (
+        <Box height="1px" background="light-1" style={hzLineStyle} />
+      )}
+      {isMobile && <Box width="1px" background="light-1" style={vtLineStyle} />}
       <Box
-        height="65px"
-        width="80px"
-        flex={{ shrink: 0 }}
-        style={{ position: 'relative' }}
+        basis="1/4"
+        pad={{ horizontal: 'small', vertical: isMobile ? 'medium' : '0' }}
         align="center"
-        justify="center"
+        direction={isMobile ? 'row' : 'column'}
+        gap="medium"
       >
-        <Text
-          size="xlarge"
-          weight="bold"
-          color="accent-2"
-          style={{ zIndex: 2 }}
+        <Box
+          height="65px"
+          width="80px"
+          flex={{ shrink: 0 }}
+          style={{ position: 'relative' }}
+          align="center"
+          justify="center"
         >
-          {number}
-        </Text>
-        <DtHex
-          color="accent-2"
-          size="65"
-          style={{
-            position: 'absolute',
-            top: '50%',
-            zIndex: 0,
-            transform: 'translateY(-50%)',
-          }}
-        />
-        <DtHex
-          color="black"
-          size="59"
-          style={{
-            position: 'absolute',
-            top: '50%',
-            zIndex: 0,
-            transform: 'translateY(-50%)',
-          }}
-        />
+          <Text
+            size="xlarge"
+            weight="bold"
+            color="accent-2"
+            style={{ zIndex: 2 }}
+          >
+            {number}
+          </Text>
+          <DtHex
+            color="accent-2"
+            size="65"
+            style={{
+              position: 'absolute',
+              top: '50%',
+              zIndex: 0,
+              transform: 'translateY(-50%)',
+            }}
+          />
+          <DtHex
+            color="black"
+            size="59"
+            style={{
+              position: 'absolute',
+              top: '50%',
+              zIndex: 0,
+              transform: 'translateY(-50%)',
+            }}
+          />
+        </Box>
+        <Box align="center">{children}</Box>
       </Box>
-      <Box align="center">{children}</Box>
     </Box>
-  </Box>
-);
+  );
+};
 
 const Steps = () => {
   const size = useContext(ResponsiveContext);
@@ -70,7 +83,6 @@ const Steps = () => {
       direction={isMobile ? 'column' : 'row'}
       width={isMobile ? 'medium' : 'large'}
       pad={{ vertical: 'large' }}
-      gap={isMobile ? 'large' : 'none'}
     >
       <Step number={1} isMobile={isMobile}>
         <Text size="small" textAlign={isMobile ? 'start' : 'center'}>
diff --git a/src/components/pages/service-category/ServiceList.js b/src/components/pages/service-category/ServiceList.js
index 954c6b4411d9121ad61b1b40d4ee8146ffafe18f..3484a1cd38edb7fd984082e5ba02b3084592a822 100644
--- a/src/components/pages/service-category/ServiceList.js
+++ b/src/components/pages/service-category/ServiceList.js
@@ -28,15 +28,15 @@ const listQuery = graphql`
   }
 `;
 
-const ServiceItem = ({ node, pad }) => (
-  <Box basis="1/2" pad="medium">
+const ServiceItem = ({ node, isMobile }) => (
+  <Box basis="1/2" pad={isMobile ? '0' : 'medium'}>
     <Heading level={4}>{node.frontmatter.title}</Heading>
     <Classification
       levels={node.frontmatter.levels}
       serviceName={node.frontmatter.title}
     />
     {/* Undo this "flex" if we don't want learn more to line up */}
-    <Box flex="grow" pad={{ vertical: pad }}>
+    <Box flex="grow" pad={{ vertical: isMobile ? '0' : 'small' }}>
       <Paragraph fill>{node.frontmatter.excerpt || node.excerpt}</Paragraph>
     </Box>
 
@@ -49,14 +49,6 @@ const ServiceItem = ({ node, pad }) => (
   </Box>
 );
 
-const rowPad = {
-  xsmall: '0',
-  small: '0',
-  medium: 'medium',
-  large: 'medium',
-  xlarge: 'medium',
-};
-
 const ServiceList = ({ categories }) => {
   const {
     allMarkdownRemark: { nodes },
@@ -71,12 +63,7 @@ const ServiceList = ({ categories }) => {
   const isMobile = ['xsmall', 'small'].includes(size);
 
   return (
-    <Box
-      pad={{ vertical: 'large' }}
-      background="white"
-      style={{ zIndex: 5 }}
-      id="main-content"
-    >
+    <Box pad={{ vertical: 'large' }} id="main-content">
       {catGroup.map((group, i) => (
         <Box key={categories[i]} gap="small">
           {categories.length > 1 && (
@@ -107,8 +94,12 @@ const ServiceList = ({ categories }) => {
                       gap="large"
                       key={item1.id}
                     >
-                      {item1 && <ServiceItem node={item1} pad={rowPad[size]} />}
-                      {item2 && <ServiceItem node={item2} pad={rowPad[size]} />}
+                      {item1 && (
+                        <ServiceItem node={item1} isMobile={isMobile} />
+                      )}
+                      {item2 && (
+                        <ServiceItem node={item2} isMobile={isMobile} />
+                      )}
                     </Box>
                   );
                 })}
diff --git a/src/content/service-category/networking-connectivity.md b/src/content/service-category/networking-connectivity.md
index 990f237c7e517363bf07fe9f16d7a2a03b493777..d833629f6abb5a77057e6bd5872874acefa0895d 100644
--- a/src/content/service-category/networking-connectivity.md
+++ b/src/content/service-category/networking-connectivity.md
@@ -4,6 +4,7 @@ title: 'Networking & Connectivity'
 categories:
   - Global Connectivity / WAN
   - Local Connectivity / BAN
+  - Transport
   - Cloud Access
   - Reference Architectures
 image: '../../images/cat-header.png'
diff --git a/src/content/service-detail/afsen-coin.md b/src/content/service-detail/afsen-coin.md
index 6294e5a9f2b9d75fab69c903fc92b1d3838bfa49..bbfd07755a0072534cb8364caa962dda7a2679c7 100644
--- a/src/content/service-detail/afsen-coin.md
+++ b/src/content/service-detail/afsen-coin.md
@@ -4,7 +4,7 @@ title: 'AFSEN-COIN'
 shortTitle: 'COIN'
 categories: 
   - Networking & Connectivity
-  - Global Connectivity / WAN
+  - Transport
 levels:
   - S-SAR
   - S-SCI
diff --git a/src/content/service-detail/core-rock.md b/src/content/service-detail/core-rock.md
index d24a6e45036f89cf713c76bbd57571a61971f051..48fca76a3b3ffe0bb95eeb3e54b59fa78dc434ad 100644
--- a/src/content/service-detail/core-rock.md
+++ b/src/content/service-detail/core-rock.md
@@ -31,7 +31,7 @@ DoD, USAF and industry partners can utilize the capability.
   - Multi-level Compartmentalization
   - Adapts based on user clearances
 - 3rd Party Introduction
-  - User SAP accesses pulled from JADE
+  - User accesses pulled from JADE
   - Strips PII information for general users
 
 ## Requirements
diff --git a/src/content/service-detail/marvel.md b/src/content/service-detail/marvel.md
deleted file mode 100644
index ed6ae5c34a2578f66e85c54f7ca9068d83b517d2..0000000000000000000000000000000000000000
--- a/src/content/service-detail/marvel.md
+++ /dev/null
@@ -1,16 +0,0 @@
----
-slug: '/services/marvel/'
-title: 'Marvel'
-categories: 
-  - Communications
-levels: 
-  - S-SAR
-  - TS-SAR
-  - TS-SCI
-excerpt: 'Voice-over-internet-protocol (VoIP) capabilities on SAP networks.'
-share: '../../images/share/ogimage-communications.png'
-updated: March 31
----
-
-Marvel is the AF's Enterprise SAP voice network, consisting of geographically dispersed user VOSIP sites (also called endpoints) connected to call managers and operated at three security levels cleared for special access required (SAR) VOSIP CALLs: Secret//SAR Level 3, Top Secret//SAR Level 4, and Top Secret//SCI//SAR Level 5. Marvel VOSIP calls may cover any SAP or compartment, constrained only by the security level of the VOSIP call. Marvel endpoints require implementation of an encrypter, firewall, and switch as well as internal fiber drops to each phone location.  
-
diff --git a/src/content/service-detail/seitaas-summit.md b/src/content/service-detail/seitaas-summit.md
index 91af7675f69b369a70194a25a8d74b36f2fd79f1..e4a3da04cb1354514dac7bc21868a49ab90bb206 100644
--- a/src/content/service-detail/seitaas-summit.md
+++ b/src/content/service-detail/seitaas-summit.md
@@ -13,7 +13,7 @@ share: '../../images/share/ogimage-networking_and_connectivity.png'
 updated: March 23, 2021 at 2:51:35 PM EDT
 ---
 
-SEITaaS/Summit delivers End User Services, MLS applications, and NaaS to include data transport and endpoints.  These capabilities are maintained centrally and down to the desktop.  Users have the ability to select applications and new capabilities from a government service catalog or request new services to add to the government service catalog as needed.
+SEITaaS Summit delivers End User Services, MLS applications, and NaaS to include data transport and endpoints. These capabilities are maintained centrally and down to the desktop.  Users have the ability to select applications and new capabilities from a government service catalog or request new services to add to the government service catalog as needed.
 
 
 ## Benefits & Features
diff --git a/src/content/service-detail/svs.md b/src/content/service-detail/svs.md
new file mode 100644
index 0000000000000000000000000000000000000000..8d0e9db2b6ad8f7e8b36748e6ee6eb8e54e0f791
--- /dev/null
+++ b/src/content/service-detail/svs.md
@@ -0,0 +1,16 @@
+---
+slug: '/services/svs/'
+title: 'SAP Voice Servces (SVS)'
+categories: 
+  - Communications
+levels: 
+  - S-SAR
+  - TS-SAR
+  - TS-SCI
+excerpt: 'Voice-over-internet-protocol (VoIP) capabilities on SAP networks.'
+share: '../../images/share/ogimage-communications.png'
+updated: March 31
+---
+
+SVS is the AF's Enterprise SAP voice network, consisting of geographically dispersed user VOSIP sites (also called endpoints) connected to call managers and operated at three security levels cleared for special access required (SAR) VOSIP CALLs: Secret//SAR Level 3, Top Secret//SAR Level 4, and Top Secret//SCI//SAR Level 5. SVS VOSIP calls may cover any SAP or compartment, constrained only by the security level of the VOSIP call. SVS endpoints require implementation of an encrypter, firewall, and switch as well as internal fiber drops to each phone location.  
+
diff --git a/src/content/service-detail/theater-deployable-comms.md b/src/content/service-detail/theater-deployable-comms.md
index 14d29465c9c3309c4aea2bf5f737e1f23af5d1df..4a41b8877cfb7fab92956b2d0986a0d82a143031 100644
--- a/src/content/service-detail/theater-deployable-comms.md
+++ b/src/content/service-detail/theater-deployable-comms.md
@@ -5,7 +5,6 @@ shortTitle: 'TDC'
 categories: 
   - Networking & Connectivity
   - Global Connectivity / WAN
-  - Compute & Store
 levels: 
   - U
   - S
diff --git a/src/data/hero/4_summit.yaml b/src/data/hero/4_summit.yaml
index 8ae8de3a5633fa91ae2f425007ef35b36c08d1b4..0b8bd705899d7281c6ad132e80bc1213efcd81ab 100644
--- a/src/data/hero/4_summit.yaml
+++ b/src/data/hero/4_summit.yaml
@@ -1,5 +1,5 @@
-name: Summit
-title: Summit
+name: SEITaaS Summit
+title: SEITaaS Summit
 subtitle: SAP network-as-a-service
 core: true
 cta: Learn More
diff --git a/src/images/AFMC.png b/src/images/AFMC.png
new file mode 100644
index 0000000000000000000000000000000000000000..b89f1fc39b458f81e1579612beb266513944336b
Binary files /dev/null and b/src/images/AFMC.png differ
diff --git a/src/images/af-logo.svg b/src/images/af-logo.svg
index 54d02a975ec59db3fbb8600285a53cb27645aa97..e2211f7e50385cc30af31d0c1a8ca09f011ed05f 100644
--- a/src/images/af-logo.svg
+++ b/src/images/af-logo.svg
@@ -1,5 +1,5 @@
 <svg id="AF_LOGO" data-name="AF LOGO" xmlns="http://www.w3.org/2000/svg" width="189.115" height="147.431" viewBox="0 0 189.115 147.431" role="img">
-<title>U.S Air Force logo</title>
+  <title>U.S Air Force</title>
   <g id="Group_50" data-name="Group 50" transform="translate(31.865)">
     <path id="Path_501" data-name="Path 501" d="M-449.651,114.53l-11.987,8.708,14.6,10.606,4.577-14.09Z" transform="translate(495.628 -32.302)" fill="#fff"/>
     <path id="Path_502" data-name="Path 502" d="M-429.749,146.409l11.986,8.707,11.979-8.707-11.979-8.711Z" transform="translate(480.491 -43.299)" fill="#fff"/>
diff --git a/src/images/hero/logo-dep.png b/src/images/hero/logo-dep.png
index 6e47a7c199637165d14cf3d6852578de6c8568c1..25cddbde9a9e7faf2666d0150eafb63e7ca0ab31 100644
Binary files a/src/images/hero/logo-dep.png and b/src/images/hero/logo-dep.png differ
diff --git a/src/images/hero/logo-platform-one.png b/src/images/hero/logo-platform-one.png
index 36ac6d20586ea5bedfe28457091a4585d2ff2a41..8714bdb153251cdd34bc30c245a9ca654269b1c5 100644
Binary files a/src/images/hero/logo-platform-one.png and b/src/images/hero/logo-platform-one.png differ
diff --git a/src/images/hero/thumb-home.png b/src/images/hero/thumb-home.png
index 1701c0f921d1f802cbd0b94dc040907010fc39c3..c02d0516ebd89994f989022f16c2757612b67c4c 100644
Binary files a/src/images/hero/thumb-home.png and b/src/images/hero/thumb-home.png differ
diff --git a/src/pages/solutions.js b/src/pages/solutions.js
index b9f88e1d4b090faf6ad63b21a0d73abcd1e966ca..356e6c26a932b4481a1d2d94a0efc169a141c304 100644
--- a/src/pages/solutions.js
+++ b/src/pages/solutions.js
@@ -1,6 +1,13 @@
 import React, { useState } from 'react';
 import { graphql } from 'gatsby';
-import { Box, Heading, Text, ResponsiveContext, Layer } from 'grommet';
+import {
+  Box,
+  Heading,
+  Text,
+  Layer,
+  ResponsiveContext,
+  ThemeContext,
+} from 'grommet';
 import { AppLayout, SEO } from '../components/app';
 import { Container, Column } from '../components/layout';
 import { ServiceHero } from '../components/hero';
@@ -94,9 +101,19 @@ const Solutions = ({ data }) => {
               </Box>
             </Column>
             {modalOpen && (
-              <Layer animation="fadeIn">
-                <ContactForm onClose={handleModalToggle} />
-              </Layer>
+              <ThemeContext.Extend
+                value={{
+                  layer: {
+                    extend: () => ({
+                      zIndex: '50',
+                    }),
+                  },
+                }}
+              >
+                <Layer animation="fadeIn">
+                  <ContactForm onClose={handleModalToggle} />
+                </Layer>
+              </ThemeContext.Extend>
             )}
           </Container>
         )}