Updated some Experience styling

assets/sass/pages/_experience.sass

@@ -1,9 +1,26 @@
 .experience
     +clearfix
+    margin-bottom: $padding-large-vertical * 2
+    position: relative
 
+    h2
+        margin-top: 0
+
+        @include breakpoint(max-width $screen-tablet)
+            font-size: 1.5em
+
+    .experience__website
+        display: inline-block
+        margin-bottom: 2px
+
+    .experience__role
+        font-style: italic
+        margin-bottom: 10px
+
+.experience--with-logo
     .experience__logo
         @extend .pull-right
-        margin: 0 0 10px 10px
+        margin: 3px 0 20px 20px
         max-width: 25%
 
         @include breakpoint($screen-sm-min)
@@ -11,7 +28,3 @@
 
         @include breakpoint($screen-md-min)
             max-width: 15%
-
-    .experience__role
-        font-style: italic
-        margin-bottom: 10px

source/experience.html.twig

@@ -77,11 +77,11 @@ experiences:
 {% for experience in page.experiences %}
   {% set company = site.companies[experience.company] %}
 
-  <div class="experience">
+  <div class="experience {{ company.logo ? 'experience--with-logo' : 'experience--no-logo' }}">
       <h2 class="experience__title">{{ company.title }}</h2>
 
       {% if company.website %}
-          <a href="">{{ company.website }}</a>
+          <a href="{{ company.website }}" class="experience__website">{{ company.website }}</a>
       {% endif %}
 
       {% if company.logo %}