From 6533b720e77fddf4382bca523c3b0463228119cc Mon Sep 17 00:00:00 2001
From: Maciej Matuszewski <maciek.matuszewski@gmail.com>
Date: Sat, 13 Jan 2018 17:00:42 +0100
Subject: [PATCH] Lay out profiles on desktop

---
 src/styles/components/_profile.scss |  2 +-
 src/styles/components/_team.scss    | 35 +++++++++++++++++++++--------
 2 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/styles/components/_profile.scss b/src/styles/components/_profile.scss
index 1062a12..e9dcede 100644
--- a/src/styles/components/_profile.scss
+++ b/src/styles/components/_profile.scss
@@ -3,7 +3,7 @@
     @media #{$screen-lg} {
       position: relative;
       max-width: 250px;
-      margin: 0 auto;
+      // margin: 0 auto;
     }
   }
 
diff --git a/src/styles/components/_team.scss b/src/styles/components/_team.scss
index 0ed9d43..2275afa 100644
--- a/src/styles/components/_team.scss
+++ b/src/styles/components/_team.scss
@@ -28,6 +28,10 @@
       top: 42%;
       z-index: 1;
     }
+
+    @media #{$screen-lg} {
+      top: 46%;
+    }
   }
 
   &__counter {
@@ -55,6 +59,10 @@
       max-width: 40%;
       font-size: 24px;
       font-weight: 300;
+
+      &__author {
+        margin-top: 30px;
+      }
     }
   }
 
@@ -119,39 +127,48 @@
     }
 
     @media #{$screen-lg} {
-      max-width: 250px;
+      margin: 55px 0;
 
       &:nth-of-type(1) {
-        transform: translate(0%, 0);
+        transform: translate(35%, 0);
       }
 
       &:nth-of-type(2) {
-        transform: translate(0%, 0%);
+        transform: translate(30%, -40%);
       }
 
       &:nth-of-type(3) {
-        transform: translate(0, 0%);
+        transform: translate(10%, 20%);
       }
 
       &:nth-of-type(4) {
-        transform: translate(0%, 0%);
+        transform: translate(10%, 60%);
       }
 
       &:nth-of-type(5) {
-        transform: translate(0%, 0%);
+        z-index: 1;
+        transform: translate(5%, -20%);
       }
 
       &:nth-of-type(6) {
-        transform: translate(0%, 0%);
+        transform: translate(-5%, 30%);
       }
 
       &:nth-of-type(7) {
-        transform: translate(0%, 0%);
+        transform: translate(95%, 0%);
       }
 
       &:nth-of-type(8) {
-        transform: translate(0%, 0%);
+        transform: translate(40%, 10%);
       }
     }
   }
+
+  @media #{$screen-md} {
+    padding: 50px 0;
+  }
+
+  @media #{$screen-lg} {
+    padding: 60px 0 40px;
+  }
 }