diff --git a/MBTI.html b/MBTI.html
index 2c4f00e..d439605 100644
--- a/MBTI.html
+++ b/MBTI.html
@@ -30,11 +30,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="./index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="./index.html">首页</a>
-                    </li>
                     <li>
                         <a href="./personalities.html">十六种人格简介</a>
                     </li>
@@ -42,6 +47,7 @@
             </div>
         </div>
     </div>
+
     <div class="container">
         <div class="questionbox">
             <div class="flexWidth" id="mbtiquestion">
diff --git a/index.html b/index.html
index 38cc820..6888a35 100644
--- a/index.html
+++ b/index.html
@@ -22,11 +22,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="#" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="#">首页</a>
-                    </li>
                     <li>
                         <a href="./personalities.html">十六种人格简介</a>
                     </li>
@@ -36,40 +41,40 @@
     </div>
 
     <div class="container">
-        <div class="page-header">
-            <div class="content">
-                <svg viewBox="0 0 1000 300">
-                    <symbol id="s-text">
-                        <text text-anchor="middle" x="50%" y="50%" dy=".2em">
-                            MBTI-TEST
-                        </text>
-                    </symbol>
-                    <use xlink:href="#s-text" class="text"></use>
-                    <use xlink:href="#s-text" class="text"></use>
-                    <use xlink:href="#s-text" class="text"></use>
-                    <use xlink:href="#s-text" class="text"></use>
-                    <use xlink:href="#s-text" class="text"></use>
-                    <use xlink:href="#s-text" class="text"></use>
-                    <clippath id="cp-text">
-                        <text text-anchor="middle" x="50%" y="50%" dy=".2em" class="text--line">
-                            MBTI-TEST
-                        </text>
-                    </clippath>
-                    <g clip-path="url(#cp-text)" class="shadow">
-                        <rect width="100%" height="100%" class="anim-shape anim-shape--shadow"></rect>
-                    </g>
-                    <g clip-path="url(#cp-text)" class="colortext">
-                        <rect width="100%" height="100%" class="anim-shape"></rect>
-                        <rect width="80%" height="100%" class="anim-shape"></rect>
-                        <rect width="60%" height="100%" class="anim-shape"></rect>
-                        <rect width="40%" height="100%" class="anim-shape"></rect>
-                        <rect width="20%" height="100%" class="anim-shape"></rect>
-                    </g>
-                    <use xlink:href="#s-text" class="text--transparent"></use>
-                </svg>
-            </div>
+
+        <div class="content">
+            <svg viewBox="0 0 1000 300">
+                <symbol id="s-text">
+                    <text text-anchor="middle" x="50%" y="50%" dy=".2em">
+                        MBTI-TEST
+                    </text>
+                </symbol>
+                <use xlink:href="#s-text" class="text"></use>
+                <use xlink:href="#s-text" class="text"></use>
+                <use xlink:href="#s-text" class="text"></use>
+                <use xlink:href="#s-text" class="text"></use>
+                <use xlink:href="#s-text" class="text"></use>
+                <use xlink:href="#s-text" class="text"></use>
+                <clippath id="cp-text">
+                    <text text-anchor="middle" x="50%" y="50%" dy=".2em" class="text--line">
+                        MBTI-TEST
+                    </text>
+                </clippath>
+                <g clip-path="url(#cp-text)" class="shadow">
+                    <rect width="100%" height="100%" class="anim-shape anim-shape--shadow"></rect>
+                </g>
+                <g clip-path="url(#cp-text)" class="colortext">
+                    <rect width="100%" height="100%" class="anim-shape"></rect>
+                    <rect width="80%" height="100%" class="anim-shape"></rect>
+                    <rect width="60%" height="100%" class="anim-shape"></rect>
+                    <rect width="40%" height="100%" class="anim-shape"></rect>
+                    <rect width="20%" height="100%" class="anim-shape"></rect>
+                </g>
+                <use xlink:href="#s-text" class="text--transparent"></use>
+            </svg>
         </div>
 
+
         <div class="bs-docs-section">
             <div class="row">
                 <div class="col-lg-12">
diff --git a/personalities.html b/personalities.html
index 957a8b8..e8bf647 100644
--- a/personalities.html
+++ b/personalities.html
@@ -19,18 +19,22 @@
     <script src="./static/js/printProjectInfo.js"></script>
 </head>
 
-<body style="">
+<body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="./index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="./index.html">首页</a>
-                    </li>
                     <li>
                         <a href="./personalities.html">十六种人格简介</a>
                     </li>
-
                 </ul>
             </div>
         </div>
diff --git a/personalities/enfj.html b/personalities/enfj.html
index ddadbd2..be046df 100644
--- a/personalities/enfj.html
+++ b/personalities/enfj.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/enfp.html b/personalities/enfp.html
index 2524ac1..4f1fc54 100644
--- a/personalities/enfp.html
+++ b/personalities/enfp.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/entj.html b/personalities/entj.html
index 937e8a9..53b40f1 100644
--- a/personalities/entj.html
+++ b/personalities/entj.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/entp.html b/personalities/entp.html
index 12055cf..d08e8a1 100644
--- a/personalities/entp.html
+++ b/personalities/entp.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/esfj.html b/personalities/esfj.html
index 5e61336..49dc2bd 100644
--- a/personalities/esfj.html
+++ b/personalities/esfj.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/esfp.html b/personalities/esfp.html
index cb81b79..bb85421 100644
--- a/personalities/esfp.html
+++ b/personalities/esfp.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/estj.html b/personalities/estj.html
index 8c018eb..5146b48 100644
--- a/personalities/estj.html
+++ b/personalities/estj.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/estp.html b/personalities/estp.html
index a8a3fe8..08cda96 100644
--- a/personalities/estp.html
+++ b/personalities/estp.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/index.html b/personalities/index.html
deleted file mode 100644
index bff5e56..0000000
--- a/personalities/index.html
+++ /dev/null
@@ -1,96 +0,0 @@
-﻿<!DOCTYPE html>
-<html>
-
-<head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="description" content="A website for MBTI test">
-    <meta name="viewport" content="width=device-width">
-    <meta name="keywords" content="MBTI, mbti">
-    <title>十六种人格简介|MBTI-TEST</title>
-    <link rel="shortcut icon" href="../static/img/favicon.ico">
-    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
-    <link rel="stylesheet" href="../static/css/article.css">
-    <link rel="stylesheet" href="../static/css/personality-index.css">
-    <link rel="stylesheet" href="../static/css/app.css">
-    <script src="../static/js/jquery-3.7.1.min.js"></script>
-    <script src="../static/js/bootstrap.min.js"></script>
-    <script src="../static/js/snap.svg-min.js"></script>
-    <script src="../static/js/classie.js"></script>
-    <script src="../static/js/introduce.js"></script>
-
-</head>
-
-<body>
-    <div class="navbar navbar-default navbar-fixed-top">
-        <div class="container">
-            <div class="navbar-collapse collapse" id="navbar-main">
-                <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
-                    <li>
-                        <a href="../personalities.html">十六种人格简介</a>
-                    </li>
-                </ul>
-            </div>
-        </div>
-    </div>
-
-    <div class="container">
-        <div id="mbtidescribe">
-            <div class="pi">
-                <section id="grid" class="grid">
-                    {% for type, desc in types_desc %}
-                    <a href="/personalities/{{ type }}/"
-                        data-path-hover="m 0,0 0,35.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
-                        <figure>
-                            <img src="/static/img/{{ loop.index % 8 + 1 }}.png" />
-                            <svg viewBox="0 0 180 210" preserveAspectRatio="none">
-                                <path
-                                    d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z" />
-                            </svg>
-                            <figcaption>
-                                <h2>{{ type }}</h2>
-                                <p>{{ desc }}</p>
-                                <button>点击查看详细介绍</button>
-                            </figcaption>
-                        </figure>
-                    </a>
-                    {% endfor %}
-                </section>
-            </div>
-        </div>
-    </div>
-
-</body>
-
-</html>
-<script>
-    (function () {
-        function init() {
-            var speed = 330,
-                easing = mina.backout;
-            [].slice.call(document.querySelectorAll('#grid > a')).forEach(function (el) {
-                var s = Snap(el.querySelector('svg')), path = s.select('path'),
-                    pathConfig = {
-                        from: path.attr('d'),
-                        to: el.getAttribute('data-path-hover')
-                    };
-                el.addEventListener('mouseenter', function () {
-                    path.animate({ 'path': pathConfig.to }, speed, easing);
-                });
-                el.addEventListener('mouseleave', function () {
-                    path.animate({ 'path': pathConfig.from }, speed, easing);
-                });
-            });
-        }
-
-        init();
-
-    })();
-
-    $(document).ready(function () {
-
-    })
-</script>
\ No newline at end of file
diff --git a/personalities/infj.html b/personalities/infj.html
index 46db291..67deb9b 100644
--- a/personalities/infj.html
+++ b/personalities/infj.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/infp.html b/personalities/infp.html
index f593261..9f8b58d 100644
--- a/personalities/infp.html
+++ b/personalities/infp.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/intj.html b/personalities/intj.html
index 0bb4304..6510f37 100644
--- a/personalities/intj.html
+++ b/personalities/intj.html
@@ -21,11 +21,16 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
-                    <li>
-                        <a href="../index.html">首页</a>
-                    </li>
                     <li>
                         <a href="../personalities.html">十六种人格简介</a>
                     </li>
diff --git a/personalities/intp.html b/personalities/intp.html
index 7d0904b..0ddf3ea 100644
--- a/personalities/intp.html
+++ b/personalities/intp.html
@@ -21,13 +21,18 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
                     <li>
-                        <a href="../index.html">首页</a>
-                    </li>
-                    <li>
-                        <a href="../personalities.html">十六种人格简介</a>
+                        <a href=".../personalities.html">十六种人格简介</a>
                     </li>
                 </ul>
             </div>
diff --git a/personalities/isfj.html b/personalities/isfj.html
index 8d31237..5c7e52e 100644
--- a/personalities/isfj.html
+++ b/personalities/isfj.html
@@ -21,13 +21,18 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
                     <li>
-                        <a href="../index.html">首页</a>
-                    </li>
-                    <li>
-                        <a href="../personalities.html">十六种人格简介</a>
+                        <a href=".../personalities.html">十六种人格简介</a>
                     </li>
                 </ul>
             </div>
diff --git a/personalities/isfp.html b/personalities/isfp.html
index ee84aed..525932e 100644
--- a/personalities/isfp.html
+++ b/personalities/isfp.html
@@ -21,13 +21,18 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
                     <li>
-                        <a href="../index.html">首页</a>
-                    </li>
-                    <li>
-                        <a href="../personalities.html">十六种人格简介</a>
+                        <a href=".../personalities.html">十六种人格简介</a>
                     </li>
                 </ul>
             </div>
diff --git a/personalities/istj.html b/personalities/istj.html
index d62adcc..1e29046 100644
--- a/personalities/istj.html
+++ b/personalities/istj.html
@@ -21,13 +21,18 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
                     <li>
-                        <a href="../index.html">首页</a>
-                    </li>
-                    <li>
-                        <a href="../personalities.html">十六种人格简介</a>
+                        <a href=".../personalities.html">十六种人格简介</a>
                     </li>
                 </ul>
             </div>
diff --git a/personalities/istp.html b/personalities/istp.html
index 858e8d0..1cbf955 100644
--- a/personalities/istp.html
+++ b/personalities/istp.html
@@ -21,13 +21,18 @@
 <body>
     <div class="navbar navbar-default navbar-fixed-top">
         <div class="container">
+            <div class="navbar-header">
+                <a href="../index.html" class="navbar-brand">MBTI</a>
+                <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-main">
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                    <span class="icon-bar"></span>
+                </button>
+            </div>
             <div class="navbar-collapse collapse" id="navbar-main">
                 <ul class="nav navbar-nav">
                     <li>
-                        <a href="../index.html">首页</a>
-                    </li>
-                    <li>
-                        <a href="../personalities.html">十六种人格简介</a>
+                        <a href=".../personalities.html">十六种人格简介</a>
                     </li>
                 </ul>
             </div>
diff --git a/static/css/title.css b/static/css/title.css
index bfa2d43..88c0c3d 100644
--- a/static/css/title.css
+++ b/static/css/title.css
@@ -113,11 +113,14 @@
 div.content {
   font: 800 10.5em/1 'Open Sans', Impact;
   height: 240px;
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  padding-top: 5%;
+  margin-bottom: 10%;
 }
 
 svg {
-  width: 90%;
-  margin: 0 auto 1150px;
   display: block;
   text-transform: uppercase;
 }
\ No newline at end of file
