diff --git a/pages/[...slug].tsx b/pages/[...slug].tsx
index 1290896e..2598de86 100644
--- a/pages/[...slug].tsx
+++ b/pages/[...slug].tsx
@@ -18,8 +18,9 @@ const Index = props => (
     <App
         menu={buildMenu(props.pageUrl, menuModel)}
         showAuthor={true}
-        menuPadding={true}
-        layout={'thin'}
+        contentStyle={{
+            marginTop: 'var(--size-l)'
+        }}
     >
         <Head>
             <title>{props.title}</title>
diff --git a/pages/_app.tsx b/pages/_app.tsx
index aa65d576..eaf8462d 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,4 +1,5 @@
 import 'src/style.css'
+import 'src/style/content.css'
 import 'src/style/kazimir/image.css'
 import 'src/style/kazimir/video.css'
 import 'src/style/style.scss'
diff --git a/pages/album/[slug].tsx b/pages/album/[slug].tsx
index 216cd1b9..323b7a7a 100644
--- a/pages/album/[slug].tsx
+++ b/pages/album/[slug].tsx
@@ -23,8 +23,6 @@ const Page: NextPage<Props> = props => {
         <App
             menu={buildMenu(props.pageUrl, menuModel)}
             showAuthor={true}
-            menuPadding={true}
-            layout={'thin'}
         >
             <Head>
                 <title>{props.data.title}</title>
diff --git a/pages/article/[slug].tsx b/pages/article/[slug].tsx
index 81bc1e11..b835acb6 100644
--- a/pages/article/[slug].tsx
+++ b/pages/article/[slug].tsx
@@ -27,8 +27,6 @@ const Page: NextPage<Props> = props => {
         <App
             menu={buildMenu(props.pageUrl, menuModel)}
             showAuthor={true}
-            menuPadding={true}
-            layout={'thin'}
         >
             <Head>
                 <title>{props.data.title}</title>
diff --git a/pages/articles/[slug].tsx b/pages/articles/[slug].tsx
index 16993f65..729510d9 100644
--- a/pages/articles/[slug].tsx
+++ b/pages/articles/[slug].tsx
@@ -30,8 +30,10 @@ const Page: NextPage<Props> = props => {
         <App
             menu={buildMenu(props.pageUrl, menuModel)}
             showAuthor={true}
-            menuPadding={true}
-            layout={'wide'}
+            wide={true}
+            contentStyle={{
+                margin: 'var(--size-l) var(--size-xl)'
+            }}
         >
             <Head>
                 <title>{props.title}</title>
diff --git a/pages/collective.tsx b/pages/collective.tsx
index 4b93652d..7a975ad6 100644
--- a/pages/collective.tsx
+++ b/pages/collective.tsx
@@ -36,8 +36,10 @@ const Page: NextPage<Props> = props => {
         <App
             menu={buildMenu(props.pageUrl, menuModel)}
             showAuthor={true}
-            menuPadding={true}
-            layout={'wide'}
+            wide={true}
+            contentStyle={{
+                margin: 'var(--size-l) var(--size-xl)'
+            }}
         >
             <Head>
                 <title>{props.title}</title>
diff --git a/pages/document/[slug].tsx b/pages/document/[slug].tsx
index dc57b44d..a70c2792 100644
--- a/pages/document/[slug].tsx
+++ b/pages/document/[slug].tsx
@@ -28,8 +28,9 @@ const Page: NextPage<Props> = props => {
         <App
             menu={buildMenu(props.pageUrl, menuModel)}
             showAuthor={true}
-            menuPadding={true}
-            layout={'wide'}
+            contentStyle={{
+                marginTop: 'var(--size-l)'
+            }}
         >
             <Head>
                 <title>{props.data.title}</title>
diff --git a/pages/documents.tsx b/pages/documents.tsx
index fc92f0c0..deed0f7b 100644
--- a/pages/documents.tsx
+++ b/pages/documents.tsx
@@ -103,8 +103,9 @@ const Page: NextPage<IProps> = props => (
     <App
         menu={buildMenu(props.pageUrl, menuModel)}
         showAuthor={true}
-        menuPadding={true}
-        layout={'thin'}
+        contentStyle={{
+            marginTop: 'var(--size-l)'
+        }}
     >
         <Head>
             <title>{props.title}</title>
@@ -125,7 +126,7 @@ const Page: NextPage<IProps> = props => (
 
 export const unstable_getStaticProps = async (ctx) => {
     const pageUrl = '/documents'
-    const res = await requestGet<IResponseItems<IDocument>>(createApiUrl('/api/files'), { items: [] })
+    const res = await requestGet<IResponseItems<IDocument>>(createApiUrl('/api/files'), null)
     const files = res.items
     const title = 'Документы'
     const collections = getSorted(files)
diff --git a/pages/gallery.tsx b/pages/gallery.tsx
index 53f95899..5d41dfbc 100644
--- a/pages/gallery.tsx
+++ b/pages/gallery.tsx
@@ -73,8 +73,10 @@ const Page: NextPage<IProps> = props => (
     <App
         menu={buildMenu(props.pageUrl, menuModel)}
         showAuthor={true}
-        menuPadding={true}
-        layout={'wide'}
+        wide={true}
+        contentStyle={{
+            margin: 'var(--size-l) var(--size-xl)'
+        }}
     >
         <Head>
             <title>{props.title}</title>
diff --git a/pages/index.tsx b/pages/index.tsx
index 1d653c35..f3203ce9 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -6,8 +6,9 @@ import { HudozkaTitle } from 'src/components/HudozkaTitle'
 import menuModel from 'src/models/menu'
 import { meta } from 'src/lib/meta'
 import { buildMenu } from 'src/lib/menu'
-import { createApiUrl, requestGet } from 'src/next-lib'
+import { createApiUrl, requestGet, IResponseItems } from 'src/next-lib'
 import { NextPage } from 'next'
+import { IArticle } from 'src/types'
 
 interface IProps {
     pageUrl: string
@@ -22,15 +23,21 @@ const Page: NextPage<IProps> = props => (
     <App
         menu={buildMenu(props.pageUrl, menuModel)}
         showAuthor={true}
-        menuPadding={true}
-        layout={'wide'}
+        wide={true}
+        contentStyle={{
+            margin: 'var(--size-l) var(--size-xl)',
+        }}
     >
         <Head>
             <title>{props.title}</title>
             <Meta meta={props.meta} />
         </Head>
 
-        <HudozkaTitle />
+        <HudozkaTitle
+            style={{
+                marginBottom: 'var(--size-l)'
+            }}
+        />
 
         <ArticleCardList
             articles={props.articles}
@@ -44,8 +51,8 @@ export const unstable_getStaticProps = async () => {
     const pageUrl = '/'
     const page = 1
     const pageSize = process.env.APP_ARTICLES_PAGE_SIZE
-    const res = await requestGet(createApiUrl(`/api/articles?page=${page}&pageSize=${pageSize}`), {}) as any
-    const articles = res.items || []
+    const res = await requestGet<IResponseItems<IArticle>>(createApiUrl(`/api/articles?page=${page}&pageSize=${pageSize}`), null)
+    const articles = (res.items || [])
     const nextPage = res.nextPage
     const prevPage = res.prevPage
     const title = 'Шлиссельбургская ДХШ'
diff --git a/pages/schedule.tsx b/pages/schedule.tsx
index ce371cc8..667945db 100644
--- a/pages/schedule.tsx
+++ b/pages/schedule.tsx
@@ -17,8 +17,10 @@ const Page: NextPage<Props> = props => (
     <App
         menu={buildMenu(props.pageUrl, menuModel)}
         showAuthor={true}
-        menuPadding={true}
-        layout={'wide'}
+        wide={true}
+        contentStyle={{
+            marginTop: 'var(--size-l)'
+        }}
     >
         <Head>
             <title>{props.title}</title>
diff --git a/pages/teacher/[person].tsx b/pages/teacher/[person].tsx
index 5ae2e39c..b46f2f9d 100644
--- a/pages/teacher/[person].tsx
+++ b/pages/teacher/[person].tsx
@@ -28,8 +28,6 @@ const Index: NextPage<IProps> = props => {
         <App
             menu={buildMenu(props.pageUrl, menuModel)}
             showAuthor={true}
-            menuPadding={true}
-            layout={'thin'}
         >
             <Head>
                 <title>{props.title}</title>
diff --git a/src/components/App/index.tsx b/src/components/App/index.tsx
index d337d2e3..977afe91 100644
--- a/src/components/App/index.tsx
+++ b/src/components/App/index.tsx
@@ -15,11 +15,11 @@ const Navigation = dynamic(() => import('../Navigation').then(mod => mod.Navigat
 export interface IAppProps {
     menu: any
     showAuthor: boolean
-    menuPadding: boolean
-    layout: 'full' | 'wide' | 'thin'
+    wide?: boolean
+    contentStyle?: React.CSSProperties
 }
 
-export const App: React.FC<IAppProps> = props => {
+export const App: React.FC<IAppProps> = ({ wide = false, ...props }) => {
     const motionDisabled = useReducedMotion()
 
     return (
@@ -38,10 +38,13 @@ export const App: React.FC<IAppProps> = props => {
                     />
                 )}
             >
-                <div className={cx('content', `content_${props.layout}`, {
-                    'content--padding-top--menu': props.menuPadding,
-                    'reduced-motion': motionDisabled,
-                })}>
+                <div
+                    className={cx('content', {
+                        'reduced-motion': motionDisabled,
+                        'content_wide': wide,
+                    })}
+                    style={props.contentStyle}
+                >
                     {props.children}
                 </div>
 
diff --git a/src/components/HudozkaTitle/index.tsx b/src/components/HudozkaTitle/index.tsx
index 7ac27527..e0f1efcc 100644
--- a/src/components/HudozkaTitle/index.tsx
+++ b/src/components/HudozkaTitle/index.tsx
@@ -1,12 +1,13 @@
-import * as React from 'react'
+import { memo } from 'react'
 
-export const HudozkaTitle: React.FC = React.memo(() => (
-    <div>
+export type HudozkaTitleProps = {
+    style?: React.CSSProperties
+}
+
+export const HudozkaTitle: React.FC<HudozkaTitleProps> = memo(props => (
+    <div style={props.style}>
         <style jsx>{`
             div {
-                --padding: var(--double-margin) 0;
-
-                padding: var(--padding);
                 text-align: center;
             }
 
diff --git a/src/next-lib.ts b/src/next-lib.ts
index e9cc5f61..84efdcf0 100644
--- a/src/next-lib.ts
+++ b/src/next-lib.ts
@@ -3,6 +3,8 @@ import { NextPageContext } from 'next'
 
 export interface IResponseItems<T> {
     items: T[]
+    nextPage: number
+    prevPage: number
 }
 
 export async function requestGet<T>(url: string, defaultResponse: T): Promise<T> {
diff --git a/src/style.css b/src/style.css
index ca60f6a6..825ddf57 100644
--- a/src/style.css
+++ b/src/style.css
@@ -12,9 +12,7 @@
     --biggest-font-size: 2.25rem;
 
     /* MENU */
-    --menu-thickness: 2.5em;
     --menu-colored-mark-thickness: 4px;
-    --menu-inactive-item-color: hsl(0, 0%, 50%);
 
     /* SIZE */
     --mobile-width: 31.25em;
@@ -24,11 +22,8 @@
     --tablet-max-width: 64em;
 
     /* CONTENT */
-    --content-full: 100%;
-    --content-wide: 90%;
-    --content-semi-wide: 70%;
-    --content-thin: 60%;
-    --content-width: var(--content-full);
+    --content-wide: 100%;
+    --content-width: 60%;
 
     --embed-video-ratio: 56.25%;
 
@@ -198,7 +193,6 @@ a.invisible {
         --font-size-h2: 1.5rem;
         --font-size-h3: 1.25rem;
 
-        --content-thin: 90%;
         --content-wide: 90%;
 
         --kazimir-image-increase: 0px;
diff --git a/src/style/components/album.scss b/src/style/components/album.scss
deleted file mode 100644
index c3b9ba8b..00000000
--- a/src/style/components/album.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-.album {
-  margin-bottom: var(--double-margin);
-
-  &__head {
-    margin-bottom: 1.25em;
-
-    h3 {
-      font-size: var(--biggest-font-size);
-      text-align: center;
-    }
-
-    .date {
-      text-align: center;
-      color: #aaa;
-    }
-
-    a {
-      color: var(--dark-color);
-      border-bottom: none;
-    }
-  }
-
-  &__body{
-    img {
-      max-width: 100%;
-      max-height: 40em;
-
-      display: block;
-      margin: 1.25em auto var(--small-margin);
-    }
-
-    p{
-      margin-bottom: 1.25em;
-    }
-  }
-}
-
-@media (max-width: var(--mobile-width)) {
-  .album {
-    &__body {
-      img {
-        max-height: 20em;
-      }
-    }
-  }
-}
\ No newline at end of file
diff --git a/src/style/components/footer-links.scss b/src/style/components/footer-links.scss
deleted file mode 100644
index e038036b..00000000
--- a/src/style/components/footer-links.scss
+++ /dev/null
@@ -1,13 +0,0 @@
-.footer-links {
-  &__header {
-    margin-bottom: var(--single-margin);
-  }
-
-  &__link {
-    margin-bottom: var(--half-margin);
-  }
-
-  ul {
-    list-style: none;
-  }
-}
diff --git a/src/style/content.css b/src/style/content.css
new file mode 100644
index 00000000..0b0eed69
--- /dev/null
+++ b/src/style/content.css
@@ -0,0 +1,28 @@
+.content {
+    width: var(--content-width);
+}
+
+.content_wide {
+    --content-width: var(--content-wide);
+}
+
+/* Animation on load */
+
+@keyframes smallSlideInFromTop {
+    0% {
+        transform: translateY(-10px);
+        opacity: 0;
+    }
+    100% {
+        transform: translateY(0);
+        opacity: 1;
+    }
+}
+
+.content {
+    animation: smallSlideInFromTop 350ms ease-out;
+}
+
+.content.reduced-motion {
+    animation: none;
+}
diff --git a/src/style/content.scss b/src/style/content.scss
deleted file mode 100644
index 437e3889..00000000
--- a/src/style/content.scss
+++ /dev/null
@@ -1,92 +0,0 @@
-.content {
-    // margin: 0 auto 1em;
-
-    width: var(--content-width);
-}
-
-.content_full {
-    --content-width: var(--content-full);
-}
-
-.content_wide {
-    --content-width: var(--content-wide);
-}
-
-.content_semi-wide {
-    --content-width: var(--content-semi-wide);
-}
-
-.content_thin {
-    --content-width: var(--content-thin);
-}
-
-.content--padding-top--menu {
-    padding-top: var(--menu-thickness);
-}
-
-// Animation on load
-
-@keyframes smallSlideInFromTop {
-    0% {
-        transform: translateY(-10px);
-        opacity: 0;
-    }
-    100% {
-        transform: translateY(0);
-        opacity: 1;
-    }
-}
-
-.content {
-    animation: smallSlideInFromTop 350ms ease-out;
-}
-
-.content.reduced-motion {
-    animation: none;
-}
-
-@media screen and (min-width: var(--tablet-min-width)) and (max-width: var(--tablet-max-width)) {
-    $thin-value: 70%;
-    $wide-value: 95%;
-    $semi-wide-value: 80%;
-
-    .content {
-        overflow-x: scroll;
-
-        &.content_wide {
-            width: $wide-value;
-        }
-
-        &.content_semi-wide {
-            width: $semi-wide-value;
-        }
-
-        &.content_thin {
-            width: $thin-value;
-        }
-
-        &.content--padding-top--menu {
-            padding-top: var(--double-margin);
-        }
-    }
-
-    @media screen and (orientation: portrait) {
-        $wide-value: 100%;
-        $thin-value: 80%;
-        $semi-wide-value: 95%;
-
-        .content {
-            &.content_wide {
-                width: $wide-value;
-            }
-
-            &.content_semi-wide {
-                width: $semi-wide-value;
-            }
-
-            &.content_thin {
-                width: $thin-value;
-            }
-        }
-    }
-}
diff --git a/src/style/style.scss b/src/style/style.scss
index b07dbb79..0ce755ac 100644
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -4,11 +4,7 @@
 @import "components/document-row";
 @import "components/documents-container";
 @import "components/schedule-table";
-@import "components/footer-links";
 @import "components/Article";
-@import "components/album";
-
-@import "content";
 
 // THEMES