diff --git a/src/styles/header.css b/src/styles/header.css
index 72e0752..5d95c91 100644
--- a/src/styles/header.css
+++ b/src/styles/header.css
@@ -1,13 +1,15 @@
 /* ------ navbar ------------------------------ */
 .navbar { height: 80px; }
-a.nav-link { margin-top: 25px; max-height: 62px;}
+a.nav-link { margin-top: 25px; max-height: 62px; color: white; }
 a.nav-link:hover { background-color: rgb(20, 142, 161); }
 a.nav-link a:hover { color: white; text-decoration: none; }
 a[aria-current="page"] { 
     color: white; 
     background-color: rgb(20, 142, 161); 
-    padding-top: 12px;
-}
+    padding-top: 12px; }
+
+a.nav-link a#active { color: white; background-color: rgb(20, 142, 161); }
+
 a.nav-link a { 
     padding: 12px;
     color: rgb(212, 212, 212); 
@@ -32,12 +34,13 @@ a[aria-current="page"] img#logo { opacity: 1; margin-top: 20px; background-color
 }
 
 button.navbar-toggler.collapsed { margin-top: 0px; margin-left: 15px; }
-button.navbar-toggler { margin-top: 15px; margin-left: 15px; }
+button.navbar-toggler { margin-top: 0px; margin-left: 15px; }
 
 div#basic-navbar-nav.navbar-collapse.collapse.show { 
     width: 100px;
     text-align: center;
-    background-color: rgb(52,58,64); }
+    background-color: rgb(52,58,64);
+    margin-top: -0px; }
 button.navbar-toggler { background-color: rgb(20, 142, 161); }
 div#navbarSupportedContent.navbar-collapse.collapse.show img#logo{ margin: auto; }
 /* ------------------------------------------- */
@@ -60,4 +63,5 @@ div#navbarSupportedContent.navbar-collapse.collapse.show img#logo{ margin: auto;
 @media (max-width: 769px) { 
     a[aria-current="page"] img#logo { margin-top: 0; margin-left: 0; padding-left: 15px }
     a[aria-current="page"] { padding-top: 0 }
+    button.navbar-toggler { margin-top: 15px; }
  }
\ No newline at end of file
diff --git a/src/styles/layout.css b/src/styles/layout.css
index b39acaf..d42ff97 100644
--- a/src/styles/layout.css
+++ b/src/styles/layout.css
@@ -265,7 +265,7 @@ h1 {
     Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   font-weight: 600;
   text-rendering: optimizeLegibility;
-  font-size: 50px;
+  font-size: 2.5rem;
   line-height: 1.1;
 }
 h2 {
@@ -282,7 +282,7 @@ h2 {
     Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   font-weight: 600;
   text-rendering: optimizeLegibility;
-  font-size: 40px;
+  font-size: 1.75rem;
   line-height: 1.1;
 }
 h3 {
diff --git a/src/styles/main.css b/src/styles/main.css
index fe4a5e6..6eb2486 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -2,7 +2,6 @@ main { margin-top: 75px; }
 
 /* ---- projects navbar ---------------------- */
 ul.nav.nav-tabs { margin-top: 75px; }
-
 a.nav-link#project:hover { 
   padding-bottom: 7px;
   color: rgb(0, 0, 0); 
@@ -16,9 +15,9 @@ ul.nav-tabs a.nav-link, ul.nav-tabs a.nav-link.active {
 /* ------------------------------------------- */
 
 /* ------- news & main content ----------------------------- */
-h1 { font-size: 50px; }
-h2 { font-size: 40px; }
-h3 { font-size: 35px; }
+h1 { font-size: 2.3rem; }
+h2 { font-size: 1.75rem; }
+h3 { font-size: 1.5rem; }
 div.container main a { color: rgb(0, 86, 179); }
 div.container main a:hover { color: rgb(1, 66, 136); text-decoration: underline;}
 
@@ -42,6 +41,7 @@ button#more a { font-size: 20px; color: white; }
 button#more a:hover { text-decoration: none; }
 button#more:hover { background-color: rgb(34, 76, 104); }
 button#more { 
+  margin-bottom: 15px;
   color: white;
   background-color: rgb(51, 113, 155);
   border: rgb(36,88,122); }
@@ -74,11 +74,11 @@ hr {
   margin: 10px 0px 20px 0px; }
 
 img.center-block { margin-bottom: 0; }
-li { margin-bottom: 0; font-size: 20px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
+li { margin-bottom: 0; font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
   Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; }
 ul { margin: 0 0 20px 0; padding-left: 40px; }
 p#button { margin-bottom: 0px; }
-p.lead { margin-bottom: 20px; font-size: 25px; }
+p.lead { margin-bottom: 20px; font-size: 1.25rem; }
 .card-body{ padding: 25px; }
 .card-header { padding: 15px 25px 15px 25px; }
 .card-title { margin-bottom: 15px; }