Sponsors

src/components/Blocks/Sponsors/Sponsors.module.scss

@@ -15,7 +15,7 @@
     justify-content: center;
     align-items: flex-end;
 
-    @include mq-below(mid-small) {
+    @include mq-below(small) {
         flex-direction: column;
         gap: 60px;
         align-items: center;
@@ -27,15 +27,15 @@
     flex-direction: column;
     align-items: center;
     gap: 5px;
-    width: 375px;
-    max-width: 100%;
+    max-width: 120%;
     border-radius: 20px;
     background-color: #e9f5ff;
     box-shadow: -2px 4px 10px rgba(19, 54, 84, 0.21);
     padding: 16px;
 
     .image {
         margin-top: -48px !important;
+        height: 1rem;
     }
 
     h3 {

src/components/Blocks/Sponsors/Sponsors.tsx

@@ -5,19 +5,28 @@ import styles from './Sponsors.module.scss';
 export function Sponsors(): JSX.Element {
     const sponsors = [
         {
-            src: '/images/sponsors/efactory-color.png',
+            src: '/images/sponsors/eFactory-sponsor-edit-3.png',
+            width: 275,
+            height: 92,
             alt: 'efactory',
             text: 'efactory',
         },
+        {
+            src: '/images/sponsors/logic-forte-edit-2.png',
+            width: 275,
+            height: 92,
+            alt: 'Logic Forte',
+            text: 'Logic Forte',
+        },
     ];
 
     return (
         <div className={styles.wrap}>
             <h2>Our Sponsors</h2>
             <div className={styles.container}>
-                {sponsors.map(({ src, alt, text }, index) => (
+                {sponsors.map(({ src, alt, width, height, text }, index) => (
                     <div className={styles.card} key={index}>
-                        <Image src={src} width={300} height={75} alt={alt} />
+                        <Image src={src} width={width} height={height} alt={alt} />
                         <p>{text}</p>
                     </div>
                 ))}

src/pages/about.tsx

@@ -44,11 +44,16 @@ export default function About(): JSX.Element {
             <h1>About Us</h1>
             <IconSet icons={teamIcons} />
             <p className={styles.groupDescription}>
-                Open SGF, a volunteer group of designers and developers, provides a forum for local designers; mobile,
-                web, and application developers to tackle technical problems for our community. Many organizations lack
-                the necessary funding to produce quality technical solutions for their problems. This group aims to
-                close that gap by bringing people together to work on these projects weekly. We welcome all skill
-                levels, and no coding experience is necessary.
+                We are a volunteer group of designers and developers
+                out of Springfield, Missouri. We provide a forum for
+                mobile, web, and application designers and developers
+                to tackle technical problems for our community.
+            </p>
+            <p className={styles.groupDescription}>
+                Many organizations lack the necessary funding to
+                produce quality technical solutions for their problems.
+                This group aims to close that gap by bringing people
+                together to work on these projects weekly 
             </p>
             <Gallery images={images} />
         </div>

src/pages/index.tsx

@@ -16,10 +16,17 @@ export default function Home(): JSX.Element {
     const heroText = (
         <div className={styles.heroText}>
             <h1>Open SGF</h1>
-            <p>
-                We are a volunteer group of designers and developers out of Springfield, Missouri. We provide a forum
-                for local designers, and developers to tackle technical problems for our community. We meet weekly and
-                welcome all skill levels. No coding experience is necessary.
+            <p className={styles.groupDescription}>
+                We are a volunteer group of designers and developers
+                out of Springfield, Missouri. We provide a forum for
+                mobile, web, and application designers and developers
+                to tackle technical problems for our community.
+            </p>
+            <p className={styles.groupDescription}>
+                Many organizations lack the necessary funding to
+                produce quality technical solutions for their problems.
+                This group aims to close that gap by bringing people
+                together to work on these projects weekly 
             </p>
         </div>
     );

src/pages/volunteer.tsx

@@ -23,12 +23,17 @@ export default function volunteer({ events }: { events: MeetupEvent[] }): JSX.El
     const heroText: JSX.Element = (
         <div className={styles.heroText}>
             <h1>Volunteer With Us</h1>
-            <p>
-                Open SGF, a volunteer group of designers and developers, provides a forum for local designers; mobile,
-                web, and application developers to tackle technical problems for our community. Many organizations lack
-                the necessary funding to produce quality technical solutions for their problems. This group aims to
-                close that gap by bringing people together to work on these projects weekly. We welcome all skill
-                levels, and no coding experience is necessary.
+            <p className={styles.groupDescription}>
+                We are a volunteer group of designers and developers
+                out of Springfield, Missouri. We provide a forum for
+                mobile, web, and application designers and developers
+                to tackle technical problems for our community.
+            </p>
+            <p className={styles.groupDescription}>
+                Many organizations lack the necessary funding to
+                produce quality technical solutions for their problems.
+                This group aims to close that gap by bringing people
+                together to work on these projects weekly 
             </p>
             <h2 className="p">Where We Could Use Help</h2>
             <ul>

styles/pages/About.module.scss

@@ -35,7 +35,7 @@
     }
 
     .groupDescription {
-        margin: 44px 0;
+        margin: 0px 44px 22px 44px;
     }
 
     &>* {

styles/pages/Home.module.scss

@@ -44,6 +44,10 @@
         ));
         margin: 0 0 32px 0;
     }
+
+    p {
+        margin-bottom: 22px;
+    }
 }
 
 .projectTeaserText {