diff --git a/public/images/country-background/BR.svg b/public/images/country-background/BR.svg
index c5bfb79..a888174 100644
--- a/public/images/country-background/BR.svg
+++ b/public/images/country-background/BR.svg
@@ -3,7 +3,7 @@
   <defs>
     <style>
       .cls-1 {
-        fill: #fff7eb;
+        fill: #d71d81;
       }
 
       .cls-1, .cls-2, .cls-3 {
@@ -11,7 +11,7 @@
       }
 
       .cls-2 {
-        fill: #d71d81;
+        fill: #fff7eb;
       }
 
       .cls-4 {
diff --git a/public/images/country-background/CO.svg b/public/images/country-background/CO.svg
index e3e9542..f4cf287 100644
--- a/public/images/country-background/CO.svg
+++ b/public/images/country-background/CO.svg
@@ -3,7 +3,7 @@
   <defs>
     <style>
       .cls-1 {
-        fill: #fff7eb;
+        fill: #0d9343;
       }
 
       .cls-1, .cls-2, .cls-3, .cls-4, .cls-5 {
@@ -39,7 +39,7 @@
       }
 
       .cls-5 {
-        fill: #0d9343;
+        fill: #fff7eb;
       }
 
       .cls-10 {
diff --git a/src/app/_components/common/banner-title.jsx b/src/app/_components/common/banner-title.jsx
index 9ec1840..f0679d8 100644
--- a/src/app/_components/common/banner-title.jsx
+++ b/src/app/_components/common/banner-title.jsx
@@ -2,15 +2,15 @@ import Link from "next/link"
 import Logo from "./logo"
 
 const BannerTitle = ({ urlAction, title, subtitle, image, linkButton, textButton }) => {
-  return (<div className='hero is-fullheight banner-title is-flex is-justify-content-center is-align-items-flex-start is-flex-direction-column is-relative'
+  return (<div className='hero is-fullheight banner-title is-flex is-justify-content-center is-align-items-flex-start is-flex-direction-column is-relative pt-0'
     style={{ backgroundImage: `url('${image}')` }}>
     <div className="is-overlay"></div>
     <div className="content">
 
       <Logo color='#2B1B18' />
       <div className="my-3">
-        <p className=' title has-text-brown-dark is-uppercase mb-3'>{title}</p>
-        <p className="has-text-weight-light is-size-4 has-text-brown-dark has-text-weight-bold ">{subtitle}</p>
+        <p className=' title has-text-brown-dark is-uppercase has-text-weight-bold mb-3 is-size-1 is-size-3-touch'>{title}</p>
+        <p className="has-text-weight-light has-text-brown-dark has-text-weight-bold is-size-4 is-size-5-touch">{subtitle}</p>
       </div>
     </div>
     {textButton && linkButton && <Link href={linkButton} className="button is-white is-rounded px-6 is-uppercase">{textButton}</Link>}
diff --git a/src/app/_components/landing/banner-pacto-landing.jsx b/src/app/_components/landing/banner-pacto-landing.jsx
index 5c66da8..4a364f5 100644
--- a/src/app/_components/landing/banner-pacto-landing.jsx
+++ b/src/app/_components/landing/banner-pacto-landing.jsx
@@ -2,8 +2,8 @@
 
 export default function BannerPactoLanding({ description }) {
 
-    return (<div className="banner-interciudad has-background-cream " id="banner-interciudad">
-        <h1 className="has-text-centered is-size-2"> Pacto Inter-Ciudad</h1>
+    return (<div className="banner-interciudad has-background-cream  py-6 px-2" id="banner-interciudad">
+        <h1 className="has-text-centered is-size-2 is-size-3-touch has-text-weight-bold"> Pacto Inter-Ciudad</h1>
         {/* <div className="has-text-centered py-5">
             <img src="/images/image-pacto-interciudad.png" alt="pacto inter-ciudad" />
 
diff --git a/src/app/_components/landing/countries-banner.jsx b/src/app/_components/landing/countries-banner.jsx
index 61e6a51..dd4fc59 100644
--- a/src/app/_components/landing/countries-banner.jsx
+++ b/src/app/_components/landing/countries-banner.jsx
@@ -4,7 +4,7 @@ import { getDictionary } from "@/app/[lang]/dictionaries";
 
 
 export default function CountriesBanner({ countries, title }) {
-    return <div className="countries-banner has-text-centered has-background-cream p-6" id="countries-banner">
+    return <div className="countries-banner has-text-centered has-background-cream py-6" id="countries-banner">
         <h1 className="has-text-color-white has-text-centered is-size-2 has-text-weight-bold">{title}</h1>
         <div className="card-group is-flex is-justify-content-space-evenly is-flex-wrap-wrap my-4">
             {countries.map(country =>
@@ -28,7 +28,7 @@ export default function CountriesBanner({ countries, title }) {
                         </div>
                     </div>
                     <footer className="card-footer is-justify-content-center py-4">
-                        <Link href={'/#' + country.code} scroll={true} className="button more-button has-background-pink has-text-white has-text-weight-bold is-size-4 ">+</Link>
+                        <Link href={'#' + country.code} scroll={true} className="button more-button has-background-pink has-text-white has-text-weight-bold is-size-4 ">+</Link>
                     </footer>
                 </div>
             )}
diff --git a/src/app/_components/landing/slider-banner.jsx b/src/app/_components/landing/slider-banner.jsx
index 0ec7aa0..8cef95b 100644
--- a/src/app/_components/landing/slider-banner.jsx
+++ b/src/app/_components/landing/slider-banner.jsx
@@ -18,7 +18,7 @@ export default function App({ textsSlider }) {
         loop={true}
         className="mySwiper has-text-white has-background-primary">
         {textsSlider.map((text, idx) =>
-          <SwiperSlide key={idx}><div className='swiper-item is-size-4 is-size-5-touch' dangerouslySetInnerHTML={{ __html: text }}></div></SwiperSlide>
+          <SwiperSlide key={idx}><div className='swiper-item is-size-4 is-size-6-touch' dangerouslySetInnerHTML={{ __html: text }}></div></SwiperSlide>
         )}
       </Swiper>
     </div>
diff --git a/src/app/_components/layout/footer.jsx b/src/app/_components/layout/footer.jsx
index ada3f42..e7dcf49 100644
--- a/src/app/_components/layout/footer.jsx
+++ b/src/app/_components/layout/footer.jsx
@@ -7,26 +7,26 @@ import Logo from "@/app/_components/common/logo";
 export default function Footer() {
 
     return (
-        <footer className='footer-wrapper py-6'>
-            <div className='logo'>
+        <footer className='footer-wrapper py-5'>
+            <div className='logo py-4'>
                 <Link href="/" >
-                    <Logo widthLogo='300' />
+                    <Logo />
                 </Link>
 
             </div>
-            <ul className="footer-rrss">
+            <ul className="footer-rrss py-4">
                 <li >
-                    <Link className='link-footer has-text-weight-bold' href="https://twitter.com/fundacionDER" target="_blank" >
+                    <Link className='link-footer ' href="https://twitter.com/fundacionDER" target="_blank" >
                         <FontAwesomeIcon icon={faSquareTwitter} />
                     </Link>
                 </li>
                 <li >
-                    <Link className='link-footer has-text-weight-bold' href="https://www.instagram.com/democraciaenred" target="_blank"  >
+                    <Link className='link-footer ' href="https://www.instagram.com/democraciaenred" target="_blank"  >
                         <FontAwesomeIcon icon={faInstagram} />
                     </Link>
                 </li>
                 <li >
-                    <Link className='link-footer has-text-weight-bold' href="https://www.facebook.com/democraciaenred" target="_blank"  >
+                    <Link className='link-footer ' href="https://www.facebook.com/democraciaenred" target="_blank"  >
                         <FontAwesomeIcon icon={faSquareFacebook} />
                     </Link>
                 </li>
diff --git a/src/app/_components/layout/navbar.jsx b/src/app/_components/layout/navbar.jsx
index 57cc0fe..81e4d26 100644
--- a/src/app/_components/layout/navbar.jsx
+++ b/src/app/_components/layout/navbar.jsx
@@ -50,23 +50,23 @@ export default function Navbar() {
                 </Link>
 
             </div>
-            <div className={`navbar-links has-text-white is-justify-content-center is-flex-grow-1 ${!menuOpen ? 'is-hidden-mobile' : ''}`}>
+            <div className={`navbar-links has-text-white is-flex-grow-1 ${!menuOpen ? 'is-hidden-mobile' : ''}`}>
                 <ul >
-                    <li className={pathname == "/" ? 'active' : ""}>
+                    <li >
                         <Link onClick={handleOpenMenu} className='link-navbar' href="/" >
                             <span>
                                 Inicio
                             </span>
                         </Link>
                     </li>
-                    <li className={pathname == "/pacto" ? 'active' : ""}>
+                    <li >
                         <Link onClick={handleOpenMenu} className='link-navbar' href="#countries-banner" >
                             <span>
                                 asambleas
                             </span>
                         </Link>
                     </li>
-                    <li className={pathname == "/acerca-de" ? 'active' : ""}>
+                    <li >
                         <Link onClick={handleOpenMenu} className='link-navbar' href="#banner-interciudad" >
                             <span>
                                 sobre
@@ -78,8 +78,8 @@ export default function Navbar() {
 
                 </ul>
                 <FontAwesomeIcon icon={faXmark} className="is-hidden-tablet" onClick={handleOpenMenu} />
-            </div>
             <LangSwitch />
+            </div>
             <div className="menu-navbar is-hidden-tablet is-flex is-align-items-center mr-5" onClick={handleOpenMenu}>
                 <FontAwesomeIcon icon={faBars} />
             </div>
diff --git a/src/static/scss/common.scss b/src/static/scss/common.scss
index 37e5069..5b1cdd5 100644
--- a/src/static/scss/common.scss
+++ b/src/static/scss/common.scss
@@ -149,13 +149,13 @@
         width: 60%;
       }
     }
-    .title {
+    /* .title {
       font-size: 4rem;
       font-weight: 900;
       @include tablet {
         font-size: 3rem;
       }
-    }
+    } */
     @include tablet {
       width: 100%;
       text-align: center;
diff --git a/src/static/scss/landing.scss b/src/static/scss/landing.scss
index 576a45e..7aab6a5 100644
--- a/src/static/scss/landing.scss
+++ b/src/static/scss/landing.scss
@@ -99,10 +99,10 @@
     }
 
     .banner-interciudad {
-        padding: 3rem;
+        /* padding: 3rem;
         @include tablet{
             padding: .5rem;
-        }
+        } */
         .content{
             width: 75%;
             @include tablet{
@@ -112,9 +112,9 @@
             }
         }
         ol {
-            padding: 3rem;
+            padding: 0 3rem;
             @include tablet{
-                padding: .75rem;
+                padding: 0 .75rem;
             }
            
         }
diff --git a/src/static/scss/layout.scss b/src/static/scss/layout.scss
index 51cbdba..ce7c931 100644
--- a/src/static/scss/layout.scss
+++ b/src/static/scss/layout.scss
@@ -28,6 +28,12 @@
         display: flex;
         align-items: center;
         width: 50%;
+        justify-content: center;
+        @include tablet{
+            padding-top: 15%;
+            justify-content:flex-start;
+            flex-direction: column;
+        }
         ul {
             display: flex;
             align-items: center;
@@ -35,6 +41,10 @@
             li {
                 height: 100%;
                 list-style: none;
+                @include tablet{
+                    height: auto;
+                    padding: 1rem 0;
+                }
 
                 >a {
                     height: 100%;
@@ -74,7 +84,7 @@
             @include tablet {
                 flex-direction: column;
                 width: 100%;
-                height: 80%;
+                height: 60%;
             }
         }
 
@@ -146,6 +156,14 @@
         @include tablet {
             margin: 0;
         }
+        a{
+            svg{
+                width: 250px;
+                @include tablet{
+                    width: 200px;
+                }
+            }
+        }
 
     }