Fixed the anchor in services and uppercase in slogan

src/assets/css/palmpay.css

@@ -397,3 +397,13 @@ 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;
+}

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>

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">