diff --git a/src/pages/Services.tsx b/src/pages/Services.tsx
index 0779dcc..f46ec95 100644
--- a/src/pages/Services.tsx
+++ b/src/pages/Services.tsx
@@ -1,7 +1,7 @@
 import { motion, AnimatePresence } from 'framer-motion'
 import { ComposableMap, Geographies, Geography, Marker } from 'react-simple-maps'
 import { useState, useEffect, useRef } from 'react'
-import { FaGlobe, FaUsers, FaChalkboardTeacher, FaTimes, FaMapMarkerAlt, FaClock } from 'react-icons/fa'
+import { FaUsers, FaTimes, FaMapMarkerAlt, FaClock } from 'react-icons/fa'
 
 const geoUrl = "https://cdn.jsdelivr.net/npm/us-atlas@3/states-10m.json"
 
@@ -239,25 +239,10 @@ const relationshipPoints: RelationshipPoint[] = [
 ]
 
 const services = [
-  {
-    icon: <FaGlobe className="text-4xl" />,
-    title: "Universal Website Design",
-    description: "Visually appealing and accessible websites adhering to universal design principles."
-  },
   {
     icon: <FaUsers className="text-4xl" />,
-    title: "Board Communication",
-    description: "Comprehensive protocol and tools for effective board communication."
-  },
-  {
-    icon: <FaChalkboardTeacher className="text-4xl" />,
-    title: "Training & Workshops",
-    description: "Leadership development and parliamentary procedure training."
-  },
-  {
-    icon: <FaChalkboardTeacher className="text-4xl" />,
-    title: "Parliamentarian",
-    description: "Provide parliamentarian services for organizational meetings ranging from board meetings to conventions."
+    title: "DeafGain Consultants",
+    description: "Contact us to learn how we can make your organization GREAT. We offer a variety of services customized to fit your needs."
   }
 ]
 
@@ -291,18 +276,18 @@ const Services = () => {
           <h1 className="text-4xl font-bold text-center text-secondary mb-16">
             Our Services
           </h1>
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">
+          <div className="flex justify-center">
             {services.map((service, index) => (
               <motion.div
                 key={index}
                 initial={{ opacity: 0, y: 20 }}
                 animate={{ opacity: 1, y: 0 }}
                 transition={{ delay: index * 0.2 }}
-                className="bg-white p-6 rounded-lg shadow-lg hover:shadow-xl transition-shadow"
+                className="bg-white p-8 rounded-lg shadow-lg hover:shadow-xl transition-shadow max-w-2xl w-full text-center"
               >
-                <div className="text-primary mb-4">{service.icon}</div>
-                <h3 className="text-xl font-semibold mb-2">{service.title}</h3>
-                <p className="text-accent-mountain">{service.description}</p>
+                <div className="text-primary mb-6 flex justify-center">{service.icon}</div>
+                <h3 className="text-2xl font-semibold mb-4">{service.title}</h3>
+                <p className="text-accent-mountain text-lg">{service.description}</p>
               </motion.div>
             ))}
           </div>