7 files changed, 7 insertions, 66 deletions
diff --git a/content/assets/stylesheets/stylesheet.scss b/content/assets/stylesheets/stylesheet.scss
index dbba088f..fbced135 100644
--- a/content/assets/stylesheets/stylesheet.scss
+++ b/content/assets/stylesheets/stylesheet.scss
@@ -301,10 +301,6 @@ li {
   }
 }
 
-.float-left {
-  float: left;
-}
-
 .main {
   padding: $page-header-height 40px 0;
   max-width: $page-content-width;
@@ -1450,48 +1446,7 @@ li {
 }
 // Algolia search override end
 
-.flex-container {
-  display: flex;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.align-center {
-  align-items: center;
-}
-
-.full-width {
-  width: 100%;
-}
-
-.flex-column {
-  flex-direction: column;
-}
-
 //in-page styles
-.center {
-  text-align: center;
-}
-
-.justify {
-  text-align: justify;
-}
-
-.right {
-  text-align: right;
-}
-
-.left {
-  text-align: left;
-}
-
-.middle {
-  margin-left: auto;
-  margin-right: auto;
-}
-
 .youtube {
   color: $youtube;
 }
@@ -1548,20 +1503,6 @@ li {
   }
 }
 
-// scss-lint:disable ImportantRule
-.display-none {
-  display: none !important;
-}
-
-.display-block {
-  display: block !important;
-}
-
-.image-noshadow {
-  box-shadow: none !important;
-}
-// scss-lint:enable ImportantRule
-
 //end of in-page styles
 
 .banner {
diff --git a/layouts/404.html b/layouts/404.html
index f43a4f86..d5cb7c20 100644
--- a/layouts/404.html
+++ b/layouts/404.html
@@ -8,7 +8,7 @@
   </head>
   <body>
     <%= render '/header.*' %>
-    <div class="wrapper d-flex justify-center">
+    <div class="wrapper d-flex justify-content-center">
       <div class="main class">
         <%= yield %>
         <%= render '/footer.*' %>
diff --git a/layouts/archives.html b/layouts/archives.html
index 4b1d87d7..b766aaca 100644
--- a/layouts/archives.html
+++ b/layouts/archives.html
@@ -7,7 +7,7 @@
   <%= render '/gtm.*' %>
   <%= render '/header.*' %>
   <div id="js-banner"></div>
-  <div class="wrapper d-flex justify-center">
+  <div class="wrapper d-flex justify-content-center">
     <div class="doc-nav"></div>
     <div class="main class js-main-wrapper">
       <div class="js-article-content">
diff --git a/layouts/default.html b/layouts/default.html
index 6d4f6af5..84e8d063 100644
--- a/layouts/default.html
+++ b/layouts/default.html
@@ -9,7 +9,7 @@
   <%= render '/header.*' %>
   <div id="js-version-banner" <%= 'data-is-outdated' if show_version_banner? %> data-latest-version-url="<%= @item.identifier.without_ext + '.html' %>" data-archives-url="/archives/"></div>
 
-  <div class="wrapper d-flex justify-center">
+  <div class="wrapper d-flex justify-content-center">
     <div class="nav-wrapper active">
       <aside id="global-nav" class="global-nav">
       <% if ENV['CI_PROJECT_NAME'] == 'gitlab-docs' or ENV['CI_PROJECT_NAME'].nil? %>
diff --git a/layouts/header.html b/layouts/header.html
index 81a18fca..c78de7da 100644
--- a/layouts/header.html
+++ b/layouts/header.html
@@ -1,6 +1,6 @@
 <div class="header">
-  <div class="flex-container align-center">
-    <a class="header-link logo-container flex-container justify-center align-center" href="/">
+  <div class="d-flex align-items-center">
+    <a class="header-link logo-container d-flex justify-content-center align-items-center" href="/">
       <img src="<%= @items['/assets/images/gitlab-logo.svg'].path %>" class="logo" />
       <p><span class="header-company-name">GitLab </span><strong>Docs</strong></p>
     </a>
diff --git a/layouts/instantsearch.html b/layouts/instantsearch.html
index 70067cdd..4b35f6e7 100644
--- a/layouts/instantsearch.html
+++ b/layouts/instantsearch.html
@@ -8,7 +8,7 @@
   <body>
     <%= render '/gtm.*' %>
     <%= render '/header.*' %>
-    <div class="wrapper d-flex justify-center">
+    <div class="wrapper d-flex justify-content-center">
       <div class="doc-nav"></div>
       <div class="main class instantsearch-input">
         <%= yield %>
diff --git a/layouts/nav-item.html b/layouts/nav-item.html
index 44575abe..12cc0c9d 100644
--- a/layouts/nav-item.html
+++ b/layouts/nav-item.html
@@ -1,5 +1,5 @@
 <li class="nav-item">
-  <a class="header-link nav-item flex-container align-center" href="<%= @items["/#{product[:slug]}/#{product[:index_file]}"].path %>">
+  <a class="header-link nav-item f-flex align-items-center" href="<%= @items["/#{product[:slug]}/#{product[:index_file]}"].path %>">
   <p><%= product[:short_name] %></p>
   </a>
 </li>