diff --git a/src/assets/css/palmpay.css b/src/assets/css/palmpay.css
index dd0aee2..2698eb0 100644
--- a/src/assets/css/palmpay.css
+++ b/src/assets/css/palmpay.css
@@ -396,4 +396,14 @@ header .col-md-10, header .col-md-10 > div {
 
 .search-books-input-wrapper > div {
   margin-left: 0 !important;
+}
+.text-box-top {
+  margin-top: 60px;
+}
+
+.text-box-bottom {
+  margin-bottom: 60px;
+}
+.uppercase-text {
+  text-transform: uppercase;
 }
\ No newline at end of file
diff --git a/src/components/Footer.js b/src/components/Footer.js
index aeda4b8..e828b2d 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -75,7 +75,7 @@ function Footer() {
             </ul>
           </Col>
           <Col className="brandTextFooter" md="4">
-            <p className="mb-0">
+            <p className="mb-0 uppercase-text">
               <span id="ft_lang1">
                 <FormattedMessage id="footer.title" />
               </span>
diff --git a/src/components/sections/ServicesSection.js b/src/components/sections/ServicesSection.js
index 4f017b5..bb64e1b 100644
--- a/src/components/sections/ServicesSection.js
+++ b/src/components/sections/ServicesSection.js
@@ -17,7 +17,7 @@ import Retail from '../../assets/img/services/retail.png';
 function ServicesSection() {
   return (
     <section data-spy="scroll" data-target="#mainNav" id="services">
-      <div className="col-md-10 mx-md-auto">
+      <div className="col-md-10 mx-md-auto text-box-top">
         <div className="row">
           <div className="col-lg-12 text-center">
             <h2 className="section-heading">
@@ -29,7 +29,7 @@ function ServicesSection() {
           </div>
         </div>
       </div>
-      <div className="containerfix">
+      <div className="containerfix text-box-bottom">
         <div className="row"  style={{ margin: 'auto' }}>
           <div className="col-lg-3 col-md-6 text-center">
             <div className="service-box mt-5 mx-auto">