diff --git a/index.html b/index.html
index 90a9fb4..dee83e2 100644
--- a/index.html
+++ b/index.html
@@ -136,8 +136,8 @@
       </div>
       <p></p>
       <div class="row">
-        <div class="col">
-          <h3>Social Media</h3>
+        <div class="col-lg-3 col-md-6 col-sm-12 mt-4 sm-8">
+          <h3>Social</h3>
           <ul class="list-group list-group-flush">
             <li class="list-group-item">
               <a rel="me" href="https://github.com/kevinveenbirkenbach">
@@ -170,7 +170,7 @@
             </li>
           <ul>
         </div>
-        <div class="col">
+        <div class="col-lg-3 col-md-6 col-sm-12 mt-4 sm-8">
           <h3>Fediverse</h3>
           <ul class="list-group list-group-flush">
             <li class="list-group-item">
@@ -205,7 +205,7 @@
             </li>
           <ul>
         </div>
-        <div class="col">
+        <div class="col-lg-3 col-md-6 col-sm-12 mt-4 sm-8">
           <h3>Other</h3>
           <ul class="list-group list-group-flush">
             <li class="list-group-item">
@@ -238,7 +238,7 @@
             </li>
           <ul>
         </div>
-        <div class="col">
+        <div class="col-lg-3 col-md-6 col-sm-12 mt-4 sm-8 bg-light rounded">
           <h3>Contact</h3>
           <div itemscope itemtype="http://schema.org/LocalBusiness" class="small">
             <p itemprop="name">Kevin Veen-Birkenbach <br/> Beratungs- und Coachingdienstleistungen</p>