From b75673301f60136aaed7653fdfbf06d82f1ae857 Mon Sep 17 00:00:00 2001
From: Dennis <dennis@dennispotter.eu>
Date: Tue, 17 Jul 2018 16:32:01 +0200
Subject: [PATCH] Added shadow to profile pic and fixed error with padding and
 border-radius

---
 css/layout.css | 8 +++++++-
 index.html     | 4 +++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/css/layout.css b/css/layout.css
index 316c574..1b7dce5 100755
--- a/css/layout.css
+++ b/css/layout.css
@@ -931,6 +931,9 @@ call-to-action .button {
    text-align: center;
    width: 180px;
    border-radius: 100%;
+   -webkit-box-shadow: 10px 20px 45px -18px rgba(0,0,0,0.75);
+   -moz-box-shadow: 10px 20px 45px -18px rgba(0,0,0,0.75);
+   box-shadow: 10px 20px 45px -18px rgba(0,0,0,0.75);
 }
 
 #contact .name {
@@ -1092,9 +1095,12 @@ call-to-action .button {
         display: none;
     }
 
+    #contact .profile-pic-wrapper { 
+        padding-top: 20px;
+    }
+
     #contact .profile-pic { 
         margin: 0px auto 0 auto;
-        padding-top: 20px;
         width: 90px;
     }
 
diff --git a/index.html b/index.html
index 487e810..d9c649f 100755
--- a/index.html
+++ b/index.html
@@ -504,7 +504,9 @@
        <!-- Contact details -->
      <div class="row" id="row-businesscard">
              <div class="five columns contact-left businesscard">
-               <img class="profile-pic"  src="images/profilepic.jpg" alt="" />
+                <div class="profile-pic-wrapper">
+                    <img class="profile-pic"  src="images/profilepic.jpg" alt="" />
+                </div>
                <p class="name">Dennis Potter</p>
                <div id="contact-social-list">
                     <li><a href="https://www.facebook.com/dennispotter25" target="_blank"><i class="fab fa-facebook"></i></a></li>