From 345d3a65bf65799d1e1ec19fca5ee8a1f5da65a5 Mon Sep 17 00:00:00 2001
From: wswidzinski <swidzinskiw@gmail.com>
Date: Fri, 12 Jan 2018 23:53:34 +0100
Subject: [PATCH] Add styles for big tablet & desktop

---
 src/styles/components/_get-involved.scss | 66 +++++++++++++++---------
 1 file changed, 41 insertions(+), 25 deletions(-)

diff --git a/src/styles/components/_get-involved.scss b/src/styles/components/_get-involved.scss
index 6eb45e7..54cb93e 100644
--- a/src/styles/components/_get-involved.scss
+++ b/src/styles/components/_get-involved.scss
@@ -11,8 +11,11 @@
     position: relative;
   }
 
-  &__description {
-    font-weight: 300;
+  &__wrapper {
+    @media #{$screen-sm} {
+      display: flex;
+      justify-content: space-between;
+    }
   }
 
   &__content {
@@ -22,25 +25,14 @@
     }
   }
 
-  &__details {
-    @media #{$screen-sm} {
-      width: 50%;
+  &__description {
+    font-weight: 300;
+
+    @media #{$screen-md} {
+      font-size: 24px;
     }
   }
 
-  &__counter {
-    font-size: 24px;
-  }
-
-  &__content,
-  &__header,
-  &__description,
-  &__button,
-  &__details,
-  &__details-title {
-    margin-top: 24px;
-  }
-
   &__buttons {
     @media #{$screen-sm} {
       display: flex;
@@ -49,12 +41,7 @@
 
     @media #{$screen-md} {
       display: block;
-    }
-  }
-
-  &__wrapper {
-    @media #{$screen-sm} {
-      display: flex;
+      margin-top: 20px;
     }
   }
 
@@ -62,10 +49,22 @@
     margin-top: 20px;
 
     @media #{$screen-md} {
-      margin-left: 10px;
+      margin: 0 0 0 10px;
     }
   }
 
+  &__details {
+    max-width: 470px;
+
+    @media #{$screen-sm} {
+      width: 50%;
+    }
+  }
+
+  &__details-title {
+    font-weight: 500;
+  }
+
   &__list {
     margin-bottom: 20px;
     padding-left: 10px;
@@ -87,5 +86,22 @@
       border-radius: 50%;
       content: '';
     }
+
+    @media #{$screen-sm} {
+      font-size: 18px;
+    }
+  }
+
+  &__counter {
+    font-size: 24px;
+  }
+
+  &__content,
+  &__header,
+  &__description,
+  &__button,
+  &__details,
+  &__details-title {
+    margin-top: 24px;
   }
 }