diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
index cfb5d45..a93aee4 100644
--- a/src/components/footer/footer.css
+++ b/src/components/footer/footer.css
@@ -10,6 +10,7 @@
     box-sizing: border-box;
     background-color: transparent;
     background: #1C1D21;
+    padding: 120px 128px;
     border-radius: 32px 32px 0px 0px;
     color: #EBEBEB;
     display: -webkit-box;
@@ -30,7 +31,6 @@
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    padding: 0 120px;
     gap: 186px;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
@@ -438,6 +438,11 @@
 
 @media screen and (max-width: 1060px) {
 
+    .footer__container {
+        padding: 64px 20px 36px;
+
+    }
+
     .footer__main-block {
         display: -webkit-box;
         display: -ms-flexbox;
diff --git a/src/components/footer/footer.tsx b/src/components/footer/footer.tsx
index 02df5cd..574ebe8 100644
--- a/src/components/footer/footer.tsx
+++ b/src/components/footer/footer.tsx
@@ -4,11 +4,12 @@ import write from './send.svg'
 import phone from './phone.svg'
 import iconButton from "../../styles/iconButton.svg"
 import "../../styles/styles.css"
+import { useTranslation } from 'react-i18next'
 
 
 export const Footer: React.FC<any> = ({ text, language }) => {
     const userLanguage = language === 'RU';
-    const { cardLarge, cardLarge1, cardSmall, cardSmall1, copyright } = text
+    const { t } = useTranslation()
 
     return (
         <div className="footer__container">
@@ -19,7 +20,7 @@ export const Footer: React.FC<any> = ({ text, language }) => {
                         <p className='footer__name_color'>stream.</p>
                     </div>
                     <div className='footer__block_contacts'>
-                        <p className='contacts__title'>{text.social}</p>
+                        <p className='contacts__title'>{t('footer-social')}</p>
                         <div className='footer__container_social'>
                             <a href='https://www.facebook.com/GRAFFinteractive' target='_blank' rel="noreferrer" className='footer__social'>Facebook</a>
                             <a href='https://www.youtube.com/channel/UCveYBNLVeGxgsDsfhrVxNoA' target='_blank' rel="noreferrer" className='footer__social'>YouTube</a>
@@ -29,9 +30,9 @@ export const Footer: React.FC<any> = ({ text, language }) => {
                     <div className='footer__block_copyright'>
                         <img alt='logo' src={logo} className='footer__logo'></img>
                         <div className='copyright__caption'>
-                            <p className='copyright'>{copyright.caption}</p>
+                            <p className='copyright'>{t('copyright-caption')}</p>
                             <p className='copyright'>
-                                {copyright.caption1}
+                                {t('copyright-caption1')}
                             </p>
                         </div>
                     </div>
@@ -44,10 +45,10 @@ export const Footer: React.FC<any> = ({ text, language }) => {
                                 <p className='card__tel'>+7 800 770 00 76</p>
                             </div>
                             <div className='card__adress'>
-                                <p className='card__street'>{cardLarge.address}</p>
-                                <p className='card_city'>{cardLarge.city}</p>
+                                <p className='card__street'>{t('footer-ru-addres')}</p>
+                                <p className='card_city'>{t('footer-ru-city')}</p>
                             </div>
-                            <p className='card_country'>{cardLarge.country}</p>
+                            <p className='card_country'>{t('footer-ru-country')}</p>
                         </div>
                         <div className='footer__card_2'>
                             <a className='link' href={userLanguage ? 'mailto:info@graff.tech' : 'mailto:waseem@graff.tech'}>
@@ -58,7 +59,7 @@ export const Footer: React.FC<any> = ({ text, language }) => {
                                 </div>
                                 <div className='card__write'>
                                     <img alt='icon' src={write} className='card__icon'></img>
-                                    <p className='card__caption'>{cardSmall.caption}</p>
+                                    <p className='card__caption'>{t('card1-caption')}</p>
                                 </div>
                             </a>
                         </div>
@@ -70,9 +71,9 @@ export const Footer: React.FC<any> = ({ text, language }) => {
                                 <p className='card__tel'>+971 50 938 8902</p>
                             </div>
                             <div className='card__adress card__adress_uae'>
-                                <p className='card_city'>{cardLarge1.address}</p>
+                                <p className='card_city'>{t('footer-uae-address')}</p>
                             </div>
-                            <p className='card_country'>{cardLarge1.country}</p>
+                            <p className='card_country'>{t('footer-uae-country')}</p>
                         </div>
                         <div className='footer__card_2'>
                             <a className='link' href={userLanguage ? 'tel:+7-800-770-00-76' : 'tel:+971-50-938-8902'}>
@@ -83,7 +84,7 @@ export const Footer: React.FC<any> = ({ text, language }) => {
                                 </div>
                                 <div className='card__write'>
                                     <img alt='icon' src={phone} className='card__icon'></img>
-                                    <p className='card__caption'>{cardSmall1.caption}</p>
+                                    <p className='card__caption'>{t('card2-caption')}</p>
                                 </div>
                             </a>
                         </div>
@@ -99,7 +100,7 @@ export const Footer: React.FC<any> = ({ text, language }) => {
 
                                 <div className='card__write'>
                                     <img alt='icon' src={write} className='card__icon'></img>
-                                    <p className='card__caption'>{cardSmall.caption}</p>
+                                    <p className='card__caption'>{t('card1-caption')}</p>
                                 </div>
                             </div>
                         </a>
@@ -112,7 +113,7 @@ export const Footer: React.FC<any> = ({ text, language }) => {
                                 </div>
                                 <div className='card__write'>
                                     <img alt='icon' src={phone} className='card__icon'></img>
-                                    <p className='card__caption'>{cardSmall1.caption}</p>
+                                    <p className='card__caption'>{t('card2-caption')}</p>
                                 </div>
                             </a>
                         </div>
@@ -122,10 +123,10 @@ export const Footer: React.FC<any> = ({ text, language }) => {
                                 <p className='card__tel'>+7 800 770 00 76</p>
                             </div>
                             <div className='card__adress'>
-                                <p className='card__street'>{cardLarge.address}</p>
-                                <p className='card_city'>{cardLarge.city}</p>
+                                <p className='card__street'>{t('footer-ru-addres')}</p>
+                                <p className='card_city'>{t('footer-ru-city')}</p>
                             </div>
-                            <p className='card_country'>{cardLarge.country}</p>
+                            <p className='card_country'>{t('footer-ru-country')}</p>
                         </div>
                         <div className='footer__card_l'>
                             <div className='card__contacts'>
@@ -133,9 +134,9 @@ export const Footer: React.FC<any> = ({ text, language }) => {
                                 <p className='card__tel'>+971 50 938 8902</p>
                             </div>
                             <div className='card__adress card__adress_uae'>
-                                <p className='card_city'>{cardLarge1.address}</p>
+                                <p className='card_city'>{t('footer-uae-address')}</p>
                             </div>
-                            <p className='card_country'>{cardLarge1.country}</p>
+                            <p className='card_country'>{t('footer-uae-country')}</p>
                         </div>
                     </div>
 
@@ -143,9 +144,10 @@ export const Footer: React.FC<any> = ({ text, language }) => {
                 <div className='footer__block_copyright_mobile'>
                     <img alt='logo' src={logo} className='footer__logo'></img>
                     <div className='copyright__caption'>
-                        <a href={userLanguage ? 'https://graff.tech/privacypolicy' : 'http://en.graff.tech/privacypolicyeng'} target="_blank" rel="noreferrer" className='copyright'>{copyright.caption}</a>
+                        <a href={userLanguage ? 'https://graff.tech/privacypolicy' : 'http://en.graff.tech/privacypolicyeng'} target="_blank" rel="noreferrer" className='copyright'>                            {t('copyright-caption')}
+                        </a>
                         <p className='copyright'>
-                            {copyright.caption1}
+                            {t('copyright-caption1')}
                         </p>
                     </div>
                 </div>
diff --git a/src/components/header/header.tsx b/src/components/header/header.tsx
index c0878e8..6691f35 100644
--- a/src/components/header/header.tsx
+++ b/src/components/header/header.tsx
@@ -1,4 +1,4 @@
-import "./Header.css";
+import "./header.css";
 
 import logo from "./logoIcon.svg";
 import ru from './RU.svg'
diff --git a/src/index.css b/src/index.css
index 68e1417..faedc0c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,7 +5,7 @@
 @import url(./components/cloudSolution/cloudSolution.css);
 @import url(./components/devices/devices.css);
 @import url(./components/form/form.css);
-@import url(./components/header/Header.css);
+@import url(./components/header/header.css);
 @import url(./components/multiplayer/multiplayer.css);
 @import url(./components/player/player.css);
 @import url(./components/sliderComponent/sliderComponent.css);