Added shadow to profile pic and fixed error with padding and border-radius

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;
     }
 

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>