add fonts + fix paddings

src/components/Footer.astro

@@ -11,7 +11,7 @@ const { lang } = Astro.props
 const t = useTranslations(lang)
 ---
 
-<footer id="contacts" class="flex flex-col items-center gap-6 text-center">
+<footer id="contacts" class="flex flex-col items-center gap-4 md:gap-6 text-center">
   <script
     is:inline
     type="text/javascript"
@@ -19,7 +19,7 @@ const t = useTranslations(lang)
     async
     src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3A069b17526dc83cbf87c488f13ae089eb3af0f8f74af57e1be82e183434693562&width=100%25&height=400&lang=ru_RU&scroll=true"
   ></script>
-  <div class="flex flex-col items-center gap-4 px-6 py-8 text-center">
+  <div class="flex flex-col items-center gap-3 px-4 py-6 md:gap-4 md:px-6 md:py-8 text-center">
     <Image src={logoSrc} alt="logo" class="h-32 w-auto md:h-48" />
     <p class="text-light text-sm">
       © {new Date().getFullYear()}