diff --git a/src/lib/components/SocialHyperlink.svelte b/src/lib/components/SocialHyperlink.svelte
index 721dae3..a97f77e 100644
--- a/src/lib/components/SocialHyperlink.svelte
+++ b/src/lib/components/SocialHyperlink.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { MediaQuery } from 'svelte/reactivity';
 	import HoverIcon from './HoverIcon.svelte';
 
 	export let href: string;
@@ -6,6 +7,8 @@
 	export { className as class };
 	export let customIcon: string | null = null;
 
+	const sm = new MediaQuery('width >= 40rem', false);
+
 	let url: URL;
 	let host: string;
 
@@ -54,15 +57,15 @@
 	}
 </script>
 
-<a {href} class="{className} inline-block ml-1 mr-1 group" target="_blank">
-	<span class="inline-block size-8 shrink-0 rounded-xl bg-emerald-800 p-1 align-bottom transition-all group-hover:scale-110">
+<a {href} class="{className} inline-block group" target="_blank">
+	<span class="inline-block {sm.current ? 'size-8 rounded-xl p-1' : 'size-6 rounded-sm p-0.5'} bg-emerald-800 align-bottom transition-all group-hover:scale-110">
 		<HoverIcon
 			src={customIcon ?? tryGetIcon(href)}
 			text={host}
-			size={24}
+			size={sm.current ? 24 : 20}
 		/>
 	</span>
-	<span class="items-center justify-center rounded-r-xl text-emerald-900 underline">
+	<span class="text-emerald-900 underline">
 		<slot />
 	</span>
 </a>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 58d2f66..9f1879c 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -141,7 +141,7 @@
 		class="flex w-5xl max-w-screen flex-col flex-nowrap gap-12 p-2 px-2 pt-12 pb-12 text-base sm:text-xl"
 	>
 		<section id="who-are-we">
-			<h1 class="font-disket mb-4 text-5xl font-bold sm:text-8xl">Кто мы?</h1>
+			<h1 class="font-disket mb-4 text-2xl font-bold sm:text-4xl">Кто мы?</h1>
 			<div class="text-justify">
 				<b>Tea Sanctuary</b> &mdash; это в первую очередь коллектив друзей, разрабатывающих проекты
 				для души, для всеобщего пользования и даже на заказ. С <b>8 июля 2018 года</b> мы ведём публичную
@@ -155,7 +155,7 @@
 			</div>
 		</section>
 		<section id="what-are-we-doing">
-			<h1 class="font-disket mb-4 text-5xl font-bold sm:text-8xl">Что делаем?</h1>
+			<h1 class="font-disket mb-4 text-2xl font-bold sm:text-4xl">Что делаем?</h1>
 			<div class="text-justify">
 				Наша главная страсть &mdash; это, конечно, видеоигры. Мы часто участвуем в так называемых
 				"гейм джемах" &mdash; конкурсах на разработку игр. Наши игры вы можете оценить здесь: