diff --git a/app/pages/login/login.html b/app/pages/login/login.html
index 493a3bc..c6a5b4a 100644
--- a/app/pages/login/login.html
+++ b/app/pages/login/login.html
@@ -7,8 +7,8 @@
 <div id="main">
     <div class="login-container d-flex align-items-center justify-content-center">
         <div style="padding: 10px;min-width:330px;" class="ps-md-4 pe-md-4">
-            <h1>Nexium</h1>
-            <p>2018+ with freedom.</p>
+            <img src="/static/img/LoginLogo.png" alt="Nexium" class="login-logo" />
+            <p class="login-subtitle">2016+ with freedom.</p>
             {% with messages = get_flashed_messages(with_categories=true) %}
                 {% if messages %}
                 <div>
@@ -40,4 +40,4 @@
         <img style="aspect-ratio: 7/4;min-height: 317px;max-height: 390px;" class="d-lg-block d-none" src="/static/img/LoginImage2.png" alt="Login Image">
     </div>
 </div>
-{% endblock %}
\ No newline at end of file
+{% endblock %}