From c6837bc700a401a3c59228b0bce576f336563c81 Mon Sep 17 00:00:00 2001
From: Mohamed Ouyizme <mohouyizme@gmail.com>
Date: Wed, 30 Oct 2019 14:40:12 +0100
Subject: [PATCH] Add buttons sizing classes

---
 source/app/index.html          |  21 +
 source/app/styles/buttons.scss |  34 +-
 unnamed.css                    | 865 +++++++++++++++++----------------
 unnamed.min.css                |   2 +-
 4 files changed, 500 insertions(+), 422 deletions(-)

diff --git a/source/app/index.html b/source/app/index.html
index 6d385b5..32eb1e6 100644
--- a/source/app/index.html
+++ b/source/app/index.html
@@ -71,6 +71,27 @@ <h3 class="title">Disabled buttons</h3>
       <button href="#" class="btn btn-rounded" disabled>btn-rounded</button>
       <button href="#" class="btn btn-rounded btn-outlined" disabled>btn-outlined</button>
     </div>
+
+    <h3 class="title">Buttons Sizes</h3>
+    <div class="divider"></div>
+
+    <div class="type-buttons">
+      <button href="#" class="btn btn-primary gradient-green btn-small">btn-small</button>
+      <button href="#" class="btn btn-primary gradient-purple">default size</button>
+      <button href="#" class="btn btn-primary gradient-orange btn-large">btn-large</button>
+    </div>
+
+    <div class="type-buttons">
+      <button href="#" class="btn btn-rounded gradient-green btn-small">btn-small</button>
+      <button href="#" class="btn btn-rounded gradient-purple">default size</button>
+      <button href="#" class="btn btn-rounded gradient-orange btn-large">btn-large</button>
+    </div>
+
+    <div class="type-buttons">
+      <button href="#" class="btn btn-rounded btn-outlined green-btn btn-small">btn-small</button>
+      <button href="#" class="btn btn-rounded btn-outlined purple-btn">default size</button>
+      <button href="#" class="btn btn-rounded btn-outlined orange-btn btn-large">btn-large</button>
+    </div>
   </div>
   <div class="container">
     <h3 class="title">Forms</h3>
diff --git a/source/app/styles/buttons.scss b/source/app/styles/buttons.scss
index 2ade0e3..d501695 100644
--- a/source/app/styles/buttons.scss
+++ b/source/app/styles/buttons.scss
@@ -1,6 +1,6 @@
 @import "colors";
 
-.btn  {
+.btn {
   padding: 1rem 1.5rem;
   color: #fff;
   cursor: pointer;
@@ -8,15 +8,15 @@
   font-weight: bold;
 }
 
-.btn-primary  {
+.btn-primary {
   border-radius: 5px;
 }
 
-.btn-rounded  {
-  border-radius: 30px;
+.btn-rounded {
+  border-radius: 60px;
 }
 
-.btn-outlined  {
+.btn-outlined {
   border-width: 3px;
   border-style: solid;
   transition: all 0.5s;
@@ -31,7 +31,7 @@
   background: $black !important;
 }
 
-.black-btn  {
+.black-btn {
   border-color: $black;
   color: $black;
 
@@ -40,7 +40,7 @@
   }
 }
 
-.green-btn  {
+.green-btn {
   border-color: $green;
   color: $green;
 
@@ -49,7 +49,7 @@
   }
 }
 
-.orange-btn  {
+.orange-btn {
   border-color: $orange-btn;
   color: $orange-btn;
 
@@ -58,7 +58,7 @@
   }
 }
 
-.purple-btn  {
+.purple-btn {
   border-color: $purple-btn;
   color: $purple-btn;
 
@@ -67,15 +67,23 @@
   }
 }
 
-button:disabled  {
+.btn-small {
+  padding: 0.5rem 1rem;
+}
+
+.btn-large {
+  padding: 1.5rem 2rem;
+}
+
+button:disabled {
   box-shadow: unset;
-  opacity: .8;
+  opacity: 0.8;
   background: $disabled;
   color: #fff;
   border: unset;
 
-  &:hover  {
+  &:hover {
     box-shadow: unset;
     background: $disabled;
   }
-}
\ No newline at end of file
+}
diff --git a/unnamed.css b/unnamed.css
index ad78eae..067e1b5 100644
--- a/unnamed.css
+++ b/unnamed.css
@@ -3,779 +3,689 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i");
 .gradient-green {
     background: #1fdeb3;
-    background: linear-gradient(80deg, #1fdeb3, #12c3d2)
+    background: linear-gradient(80deg, #1fdeb3, #12c3d2);
 }
-
 .gradient-orange {
     background: #ffe53b;
-    background: linear-gradient(80deg, #ffe53b, #ff2525)
+    background: linear-gradient(80deg, #ffe53b, #ff2525);
 }
-
 .gradient-purple {
     background: #21d4fd;
-    background: linear-gradient(80deg, #21d4fd, #b721ff)
+    background: linear-gradient(80deg, #21d4fd, #b721ff);
 }
-
 a {
-    text-decoration: none
+    text-decoration: none;
 }
-
 button,
 input,
 select,
 textarea {
-    -webkit-appearance: none
+    -webkit-appearance: none;
 }
-
 button:focus,
 input:focus,
 select:focus,
 textarea:focus {
-    outline: none
+    outline: none;
 }
-
 button {
     background-color: unset;
     border: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
-    user-select: none
+    user-select: none;
 }
-
 .full-container {
     margin: 0 auto;
-    width: 100%
+    width: 100%;
 }
-
 .flex-container {
-    display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
-    -webkit-box-pack: justify;
     -ms-flex-pack: justify;
-    justify-content: space-between
+    justify-content: space-between;
 }
-
 .small-container {
     margin: 0 auto;
     max-width: 960px;
-    width: 90%
+    width: 90%;
 }
-
-@media only screen and (min-width:601px) {
+@media only screen and (min-width: 601px) {
     .small-container {
-        width: 90%
+        width: 90%;
     }
 }
-
-@media only screen and (min-width:993px) {
+@media only screen and (min-width: 993px) {
     .small-container {
-        width: 100%
+        width: 100%;
     }
 }
-
 .container {
     margin: 0 auto;
     max-width: 1280px;
-    width: 90%
+    width: 90%;
 }
-
-@media only screen and (min-width:601px) {
+@media only screen and (min-width: 601px) {
     .container {
-        width: 85%
+        width: 85%;
     }
 }
-
-@media only screen and (min-width:993px) {
+@media only screen and (min-width: 993px) {
     .container {
-        width: 70%
+        width: 70%;
     }
 }
-
-.container .row,
-.small-container .row,
-.full-container .row {
-    margin-left: -.75rem;
-    margin-right: -.75rem
+.row {
+    margin-left: -0.75rem;
+    margin-right: -0.75rem;
 }
-
 .center-text {
-    text-align: center
+    text-align: center;
 }
-
 .left-text {
-    text-align: left
+    text-align: left;
 }
-
 .right-text {
-    text-align: right
+    text-align: right;
 }
-
 .row {
-    margin-bottom: .5rem;
+    margin-bottom: 0.5rem;
     margin-left: auto;
-    margin-right: auto
+    margin-right: auto;
 }
-
 .row:after {
     content: "";
     display: table;
-    clear: both
+    clear: both;
 }
-
 .row .column {
     box-sizing: border-box;
-    padding: 0 .75rem;
+    padding: 0 0.75rem;
     min-height: 1px;
-    float: left
+    float: left;
 }
-
 .row .column.small-1 {
     width: 8.3333333333%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-2 {
     width: 16.6666666667%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-3 {
     width: 25%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-4 {
     width: 33.3333333333%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-5 {
     width: 41.6666666667%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-6 {
     width: 50%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-7 {
     width: 58.3333333333%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-8 {
     width: 66.6666666667%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-9 {
     width: 75%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-10 {
     width: 83.3333333333%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-11 {
     width: 91.6666666667%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
 .row .column.small-12 {
     width: 100%;
     margin-left: auto;
     left: auto;
-    right: auto
+    right: auto;
 }
-
-@media only screen and (min-width:601px) {
+@media only screen and (min-width: 601px) {
     .row .column.medium-1 {
         width: 8.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-2 {
         width: 16.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-3 {
         width: 25%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-4 {
         width: 33.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-5 {
         width: 41.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-6 {
         width: 50%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-7 {
         width: 58.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-8 {
         width: 66.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-9 {
         width: 75%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-10 {
         width: 83.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-11 {
         width: 91.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.medium-12 {
         width: 100%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
 }
-
-@media only screen and (min-width:993px) {
+@media only screen and (min-width: 993px) {
     .row .column.large-1 {
         width: 8.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-2 {
         width: 16.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-3 {
         width: 25%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-4 {
         width: 33.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-5 {
         width: 41.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-6 {
         width: 50%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-7 {
         width: 58.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-8 {
         width: 66.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-9 {
         width: 75%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-10 {
         width: 83.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-11 {
         width: 91.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.large-12 {
         width: 100%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
 }
-
-@media only screen and (min-width:1201px) {
+@media only screen and (min-width: 1201px) {
     .row .column.xlarge-1 {
         width: 8.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-2 {
         width: 16.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-3 {
         width: 25%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-4 {
         width: 33.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-5 {
         width: 41.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-6 {
         width: 50%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-7 {
         width: 58.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-8 {
         width: 66.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-9 {
         width: 75%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-10 {
         width: 83.3333333333%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-11 {
         width: 91.6666666667%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
     .row .column.xlarge-12 {
         width: 100%;
         margin-left: auto;
         left: auto;
-        right: auto
+        right: auto;
     }
 }
-
-@media only screen and (max-width:992px) {
+@media only screen and (max-width: 992px) {
     .hide-tablet-down {
-        display: none
+        display: none;
     }
 }
-
-@media only screen and (max-width:600px) {
+@media only screen and (max-width: 600px) {
     .hide-mobile {
-        display: none
+        display: none;
     }
 }
-
 .hide {
-    display: none
+    display: none;
 }
-
 form {
-    width: 100%
-}
-
-input[type=email],
-input[type=file],
-input[type=number],
-input[type=password],
-input[type=search],
-input[type=tel],
-input[type=text],
-input[type=url],
+    width: 100%;
+}
+input[type="email"],
+input[type="file"],
+input[type="number"],
+input[type="password"],
+input[type="search"],
+input[type="tel"],
+input[type="text"],
+input[type="url"],
 select,
 textarea,
-textarea[type=text] {
+textarea[type="text"] {
     width: 100%;
     margin-top: 1rem;
     margin-bottom: 1rem;
     box-sizing: border-box;
-    transition: all .2s ease;
+    transition: all 0.2s ease;
     border: 1px solid #212121;
-    border-radius: 2px
-}
-
-input[type=email]:focus,
-input[type=file]:focus,
-input[type=number]:focus,
-input[type=password]:focus,
-input[type=search]:focus,
-input[type=tel]:focus,
-input[type=text]:focus,
-input[type=url]:focus,
+    border-radius: 2px;
+}
+input[type="email"]:focus,
+input[type="file"]:focus,
+input[type="number"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="text"]:focus,
+input[type="url"]:focus,
 select:focus,
 textarea:focus,
-textarea[type=text]:focus {
+textarea[type="text"]:focus {
     border-color: #212121;
-    transition: all .2s ease
+    transition: all 0.2s ease;
 }
-
 input,
 textarea {
-    padding: .9rem 1rem .9rem 2rem
+    padding: 0.9rem 1rem 0.9rem 2rem;
 }
-
 select {
     background: #fff;
-    padding: .9rem .5rem;
-    margin: 1.2rem 0
+    padding: 0.9rem 0.5rem;
+    margin: 1.2rem 0;
 }
-
 textarea {
     resize: vertical;
     min-height: 12rem;
-    margin: 0
+    margin: 0;
 }
-
 .input-field span:before {
     cursor: pointer;
     position: relative;
     font-family: fontawesome;
     top: 3rem;
-    left: .6rem;
-    color: #212121
+    left: 0.6rem;
+    color: #212121;
 }
-
 .text-area-field span:before {
-    top: 1.8rem
+    top: 1.8rem;
 }
-
 .user-icon:before {
-    content: ""
+    content: "";
 }
-
 .email-icon:before {
-    content: ""
+    content: "";
 }
-
 .edit-icon:before {
-    content: ""
+    content: "";
 }
-
 .caret-icon:before {
-    content: "▼"
+    content: "▼";
 }
-
 label {
-    cursor: pointer
+    cursor: pointer;
 }
-
-label input[type=checkbox] {
-    display: none
+label input[type="checkbox"] {
+    display: none;
 }
-
-label input[type=checkbox]+span:before {
-    color: hsla(0, 0%, 100%, 0)
+label input[type="checkbox"] + span:before {
+    color: hsla(0, 0%, 100%, 0);
 }
-
-label input[type=checkbox]+span:before,
-label input[type=checkbox]:checked+span:before {
+label input[type="checkbox"] + span:before,
+label input[type="checkbox"]:checked + span:before {
     content: "";
     font-family: fontawesome;
     border: 1px solid #212121;
-    padding: .4rem;
+    padding: 0.4rem;
     border-radius: 2px;
-    transition: .2s;
-    font-size: 16px
+    transition: 0.2s;
+    font-size: 16px;
 }
-
-label input[type=checkbox]:checked+span:before {
-    color: #212121
+label input[type="checkbox"]:checked + span:before {
+    color: #212121;
 }
-
-label input[type=radio] {
-    display: none
+label input[type="radio"] {
+    display: none;
 }
-
-label input[type=radio]+span:before {
-    color: hsla(0, 0%, 100%, 0)
+label input[type="radio"] + span:before {
+    color: hsla(0, 0%, 100%, 0);
 }
-
-label input[type=radio]+span:before,
-label input[type=radio]:checked+span:before {
+label input[type="radio"] + span:before,
+label input[type="radio"]:checked + span:before {
     content: "";
     font-family: fontawesome;
     border: 1px solid #212121;
-    padding: .3rem .4rem;
+    padding: 0.3rem 0.4rem;
     border-radius: 100%;
-    transition: .2s;
-    font-size: 14px
-}
-
-label input[type=radio]:checked+span:before {
-    color: #212121
-}
-
-.green-input input[type=email],
-.green-input input[type=file],
-.green-input input[type=number],
-.green-input input[type=password],
-.green-input input[type=search],
-.green-input input[type=tel],
-.green-input input[type=text],
-.green-input input[type=url],
+    transition: 0.2s;
+    font-size: 14px;
+}
+label input[type="radio"]:checked + span:before {
+    color: #212121;
+}
+.green-input input[type="email"],
+.green-input input[type="file"],
+.green-input input[type="number"],
+.green-input input[type="password"],
+.green-input input[type="search"],
+.green-input input[type="tel"],
+.green-input input[type="text"],
+.green-input input[type="url"],
 .green-input select,
 .green-input textarea,
-.green-input textarea[type=text] {
-    border-color: #1fdeb3
-}
-
-.green-input input[type=email]:focus,
-.green-input input[type=file]:focus,
-.green-input input[type=number]:focus,
-.green-input input[type=password]:focus,
-.green-input input[type=search]:focus,
-.green-input input[type=tel]:focus,
-.green-input input[type=text]:focus,
-.green-input input[type=url]:focus,
+.green-input textarea[type="text"] {
+    border-color: #1fdeb3;
+}
+.green-input input[type="email"]:focus,
+.green-input input[type="file"]:focus,
+.green-input input[type="number"]:focus,
+.green-input input[type="password"]:focus,
+.green-input input[type="search"]:focus,
+.green-input input[type="tel"]:focus,
+.green-input input[type="text"]:focus,
+.green-input input[type="url"]:focus,
 .green-input select:focus,
 .green-input textarea:focus,
-.green-input textarea[type=text]:focus {
-    border-color: #12c3d2
+.green-input textarea[type="text"]:focus {
+    border-color: #12c3d2;
 }
-
 .green-input span:before {
-    color: #1fdeb3
-}
-
-.black-input input[type=email],
-.black-input input[type=file],
-.black-input input[type=number],
-.black-input input[type=password],
-.black-input input[type=search],
-.black-input input[type=tel],
-.black-input input[type=text],
-.black-input input[type=url],
+    color: #1fdeb3;
+}
+.black-input input[type="email"],
+.black-input input[type="file"],
+.black-input input[type="number"],
+.black-input input[type="password"],
+.black-input input[type="search"],
+.black-input input[type="tel"],
+.black-input input[type="text"],
+.black-input input[type="url"],
 .black-input select,
 .black-input textarea,
-.black-input textarea[type=text] {
-    border-color: #212121
-}
-
-.black-input input[type=email]:focus,
-.black-input input[type=file]:focus,
-.black-input input[type=number]:focus,
-.black-input input[type=password]:focus,
-.black-input input[type=search]:focus,
-.black-input input[type=tel]:focus,
-.black-input input[type=text]:focus,
-.black-input input[type=url]:focus,
+.black-input textarea[type="text"] {
+    border-color: #212121;
+}
+.black-input input[type="email"]:focus,
+.black-input input[type="file"]:focus,
+.black-input input[type="number"]:focus,
+.black-input input[type="password"]:focus,
+.black-input input[type="search"]:focus,
+.black-input input[type="tel"]:focus,
+.black-input input[type="text"]:focus,
+.black-input input[type="url"]:focus,
 .black-input select:focus,
 .black-input textarea:focus,
-.black-input textarea[type=text]:focus {
-    border-color: #3b3a3a
+.black-input textarea[type="text"]:focus {
+    border-color: #3b3a3a;
 }
-
 .black-input span:before {
-    color: #212121
-}
-
-.orange-input input[type=email],
-.orange-input input[type=file],
-.orange-input input[type=number],
-.orange-input input[type=password],
-.orange-input input[type=search],
-.orange-input input[type=tel],
-.orange-input input[type=text],
-.orange-input input[type=url],
+    color: #212121;
+}
+.orange-input input[type="email"],
+.orange-input input[type="file"],
+.orange-input input[type="number"],
+.orange-input input[type="password"],
+.orange-input input[type="search"],
+.orange-input input[type="tel"],
+.orange-input input[type="text"],
+.orange-input input[type="url"],
 .orange-input select,
 .orange-input textarea,
-.orange-input textarea[type=text] {
-    border-color: #ff9f33
-}
-
-.orange-input input[type=email]:focus,
-.orange-input input[type=file]:focus,
-.orange-input input[type=number]:focus,
-.orange-input input[type=password]:focus,
-.orange-input input[type=search]:focus,
-.orange-input input[type=tel]:focus,
-.orange-input input[type=text]:focus,
-.orange-input input[type=url]:focus,
+.orange-input textarea[type="text"] {
+    border-color: #ff9f33;
+}
+.orange-input input[type="email"]:focus,
+.orange-input input[type="file"]:focus,
+.orange-input input[type="number"]:focus,
+.orange-input input[type="password"]:focus,
+.orange-input input[type="search"]:focus,
+.orange-input input[type="tel"]:focus,
+.orange-input input[type="text"]:focus,
+.orange-input input[type="url"]:focus,
 .orange-input select:focus,
 .orange-input textarea:focus,
-.orange-input textarea[type=text]:focus {
-    border-color: #ffe53b
+.orange-input textarea[type="text"]:focus {
+    border-color: #ffe53b;
 }
-
 .orange-input span:before {
-    color: #ff9f33
-}
-
-.purple-input input[type=email],
-.purple-input input[type=file],
-.purple-input input[type=number],
-.purple-input input[type=password],
-.purple-input input[type=search],
-.purple-input input[type=tel],
-.purple-input input[type=text],
-.purple-input input[type=url],
+    color: #ff9f33;
+}
+.purple-input input[type="email"],
+.purple-input input[type="file"],
+.purple-input input[type="number"],
+.purple-input input[type="password"],
+.purple-input input[type="search"],
+.purple-input input[type="tel"],
+.purple-input input[type="text"],
+.purple-input input[type="url"],
 .purple-input select,
 .purple-input textarea,
-.purple-input textarea[type=text] {
-    border-color: #7274ff
-}
-
-.purple-input input[type=email]:focus,
-.purple-input input[type=file]:focus,
-.purple-input input[type=number]:focus,
-.purple-input input[type=password]:focus,
-.purple-input input[type=search]:focus,
-.purple-input input[type=tel]:focus,
-.purple-input input[type=text]:focus,
-.purple-input input[type=url]:focus,
+.purple-input textarea[type="text"] {
+    border-color: #7274ff;
+}
+.purple-input input[type="email"]:focus,
+.purple-input input[type="file"]:focus,
+.purple-input input[type="number"]:focus,
+.purple-input input[type="password"]:focus,
+.purple-input input[type="search"]:focus,
+.purple-input input[type="tel"]:focus,
+.purple-input input[type="text"]:focus,
+.purple-input input[type="url"]:focus,
 .purple-input select:focus,
 .purple-input textarea:focus,
-.purple-input textarea[type=text]:focus {
-    border-color: #21d4fd
+.purple-input textarea[type="text"]:focus {
+    border-color: #21d4fd;
 }
-
 .purple-input span:before {
-    color: #7274ff
+    color: #7274ff;
 }
-
-.green-checkbox+span:before {
-    border-color: #1fdeb3!important;
-    color: hsla(0, 0%, 100%, 0)!important
+.green-checkbox + span:before {
+    border-color: #1fdeb3 !important;
+    color: hsla(0, 0%, 100%, 0) !important;
 }
-
-.green-checkbox:checked+span:before {
-    color: #1fdeb3!important
+.green-checkbox:checked + span:before {
+    color: #1fdeb3 !important;
 }
-
-.black-checkbox+span:before {
-    border-color: #212121!important;
-    color: hsla(0, 0%, 100%, 0)!important
+.black-checkbox + span:before {
+    border-color: #212121 !important;
+    color: hsla(0, 0%, 100%, 0) !important;
 }
-
-.black-checkbox:checked+span:before {
-    color: #212121!important
+.black-checkbox:checked + span:before {
+    color: #212121 !important;
 }
-
-.orange-checkbox+span:before {
-    border-color: #ff9f33!important;
-    color: hsla(0, 0%, 100%, 0)!important
+.orange-checkbox + span:before {
+    border-color: #ff9f33 !important;
+    color: hsla(0, 0%, 100%, 0) !important;
 }
-
-.orange-checkbox:checked+span:before {
-    color: #ff9f33!important
+.orange-checkbox:checked + span:before {
+    color: #ff9f33 !important;
 }
-
-.purple-checkbox+span:before {
-    border-color: #7274ff!important;
-    color: hsla(0, 0%, 100%, 0)!important
+.purple-checkbox + span:before {
+    border-color: #7274ff !important;
+    color: hsla(0, 0%, 100%, 0) !important;
 }
-
-.purple-checkbox:checked+span:before {
-    color: #7274ff!important
+.purple-checkbox:checked + span:before {
+    color: #7274ff !important;
 }
-
 .card {
     border-radius: 5px;
-    box-shadow: 0 1px 10px 0 rgba(5, 5, 5, .13)
+    box-shadow: 0 1px 10px 0 rgba(5, 5, 5, 0.13);
 }
-
 .card .card-header {
-    padding: 1.5rem
+    padding: 1.5rem;
 }
-
 .card .card-header h4 {
     font-weight: 700;
-    margin: 0
+    margin: 0;
 }
-
 .card .card-img {
-    overflow: hidden
+    overflow: hidden;
 }
-
 .card .card-img img {
     position: relative;
     left: 0;
@@ -783,131 +693,111 @@ label input[type=radio]:checked+span:before {
     top: 0;
     bottom: 0;
     width: 100%;
-    display: block
+    display: block;
 }
-
 .card .card-footer {
-    padding: 1.5rem 0 1.5rem 1.5rem
+    padding: 1.5rem 0 1.5rem 1.5rem;
 }
-
 .card .card-footer h4 {
     font-weight: 700;
-    margin: 0
+    margin: 0;
 }
-
 .card-no-footer .card-img img {
     border-bottom-left-radius: 5px;
-    border-bottom-right-radius: 5px
+    border-bottom-right-radius: 5px;
 }
-
 .card-no-header .card-img img {
     border-top-left-radius: 5px;
-    border-top-right-radius: 5px
+    border-top-right-radius: 5px;
 }
-
 .card-hover,
 .card-hover:hover {
-    transition: all .3s
+    transition: all 0.3s;
 }
-
 .card-hover:hover {
-    box-shadow: 0 11px 16px 0 rgba(5, 5, 5, .23)
+    box-shadow: 0 11px 16px 0 rgba(5, 5, 5, 0.23);
 }
-
 .btn {
     padding: 1rem 1.5rem;
     color: #fff;
     cursor: pointer;
     text-transform: uppercase;
-    font-weight: 700
+    font-weight: 700;
 }
-
 .btn-primary {
-    border-radius: 5px
+    border-radius: 5px;
 }
-
 .btn-rounded {
-    border-radius: 30px
+    border-radius: 60px;
 }
-
 .btn-outlined {
     border-width: 3px;
     border-style: solid;
-    transition: all .5s
+    transition: all 0.5s;
 }
-
 .btn-outlined:hover {
     color: #fff;
-    transition: all .5s
+    transition: all 0.5s;
 }
-
 .gradient-black {
-    background: #212121!important
+    background: #212121 !important;
 }
-
 .black-btn {
     border-color: #212121;
-    color: #212121
+    color: #212121;
 }
-
 .black-btn:hover {
-    background-color: #212121
+    background-color: #212121;
 }
-
 .green-btn {
     border-color: #1fdeb3;
-    color: #1fdeb3
+    color: #1fdeb3;
 }
-
 .green-btn:hover {
-    background-color: #1fdeb3
+    background-color: #1fdeb3;
 }
-
 .orange-btn {
     border-color: #ff9f33;
-    color: #ff9f33
+    color: #ff9f33;
 }
-
 .orange-btn:hover {
-    background-color: #ff9f33
+    background-color: #ff9f33;
 }
-
 .purple-btn {
     border-color: #7274ff;
-    color: #7274ff
+    color: #7274ff;
 }
-
 .purple-btn:hover {
-    background-color: #7274ff
+    background-color: #7274ff;
+}
+.btn-small {
+    padding: 0.5rem 1rem;
+}
+.btn-large {
+    padding: 1.5rem 2rem;
 }
-
 button:disabled {
-    opacity: .8;
+    opacity: 0.8;
     color: #fff;
-    border: unset
+    border: unset;
 }
-
 button:disabled,
 button:disabled:hover {
     box-shadow: unset;
-    background: #c1c1c1
+    background: #c1c1c1;
 }
-
 .responsive-image {
-    overflow: hidden
+    overflow: hidden;
 }
-
 .responsive-image img {
-    width: 100%
+    width: 100%;
 }
-
 .responsive-video {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
-    overflow: hidden
+    overflow: hidden;
 }
-
 .responsive-video embed,
 .responsive-video iframe,
 .responsive-video object {
@@ -915,11 +805,170 @@ button:disabled:hover {
     top: 0;
     left: 0;
     width: 100%;
-    height: 100%
+    height: 100%;
 }
-
 body {
     font-family: Roboto, sans-serif;
     padding: 0;
-    margin: 0
-}
\ No newline at end of file
+    margin: 0;
+}
+.container {
+    padding: 2rem 0;
+}
+.header {
+    text-align: center;
+}
+.header,
+.header .brand {
+    padding: 4rem 0;
+}
+.header .brand .logo {
+    background-image: url(../images/logo.svg);
+    background-repeat: no-repeat;
+    background-position: 50%;
+    background-size: cover;
+    padding: 6rem 6.8rem;
+}
+.header .brand h2 {
+    margin-top: 8rem;
+}
+.nav .brand-logo .branding {
+    background-color: #fff;
+    padding: 0.5rem 1rem;
+    border-radius: 5px;
+}
+.buttons a {
+    margin-right: 1rem;
+    line-height: 4rem;
+}
+.buttons p {
+    color: #545454;
+}
+.buttons h5 {
+    color: #474747;
+    margin: 15px 0;
+}
+.buttons .type-buttons {
+    padding: 1rem 0;
+}
+.buttons .type-buttons button:first-child {
+    margin-right: 2rem;
+}
+@media screen and (max-width: 900px) {
+    .buttons .type-buttons button:first-child {
+        margin-right: unset;
+    }
+}
+.buttons .type-buttons button:last-child {
+    margin-left: 2rem;
+}
+@media screen and (max-width: 900px) {
+    .buttons .type-buttons button:last-child {
+        margin-left: unset;
+    }
+}
+.boxes label {
+    margin-right: 2rem;
+}
+.boxes .push-down {
+    margin-bottom: 2rem;
+}
+.columns {
+    background-color: #1fdeb3;
+    padding: 1rem 1px;
+    text-align: center;
+}
+.columns p {
+    margin: 0;
+    color: #fff;
+}
+@media screen and (max-width: 1200px) {
+    .card,
+    .columns {
+        margin-bottom: 2rem;
+    }
+    button {
+        margin-bottom: 14px;
+    }
+}
+.divider {
+    height: 10px;
+    width: 30px;
+    background: #212121;
+    border-radius: 2px;
+    margin-bottom: 1rem;
+}
+.little {
+    color: #a1ca8b;
+    max-width: 15%;
+}
+@media screen and (max-width: 992px) {
+    .little {
+        max-width: 30%;
+    }
+}
+@media screen and (max-width: 600px) {
+    .little {
+        max-width: 80%;
+    }
+}
+.footer {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    text-align: center;
+}
+@media screen and (max-width: 680px) {
+    .footer {
+        -ms-flex-wrap: wrap;
+        flex-wrap: wrap;
+        -ms-flex-direction: column;
+        flex-direction: column;
+    }
+}
+.footer span {
+    background-image: url(../images/logo.svg);
+    background-repeat: no-repeat;
+    background-position: 50%;
+    background-size: cover;
+    padding: 0.4rem 1rem;
+    margin-right: 1rem;
+}
+.footer a {
+    color: #212121;
+}
+@media screen and (max-width: 680px) {
+    .footer a {
+        margin-bottom: 20px;
+    }
+}
+.footer a:visited {
+    color: #212121;
+}
+.flexed {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-align: center;
+    align-items: center;
+}
+.flexed pre {
+    margin: 0 10px;
+}
+pre {
+    padding: 16px;
+    overflow: auto;
+    font-size: 85%;
+    line-height: 1.45;
+    background-color: #282c35;
+    border-radius: 3px;
+    word-break: normal;
+    word-wrap: normal;
+    color: #fff;
+}
+a:visited {
+    color: #12c3d2;
+}
+.mbottom {
+    margin-bottom: 3rem;
+}
diff --git a/unnamed.min.css b/unnamed.min.css
index b306d64..dc56b3b 100644
--- a/unnamed.min.css
+++ b/unnamed.min.css
@@ -1 +1 @@
-@charset "UTF-8";@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i");.gradient-green{background:#1fdeb3;background:linear-gradient(80deg,#1fdeb3,#12c3d2)}.gradient-orange{background:#ffe53b;background:linear-gradient(80deg,#ffe53b,#ff2525)}.gradient-purple{background:#21d4fd;background:linear-gradient(80deg,#21d4fd,#b721ff)}a{text-decoration:none}button,input,select,textarea{-webkit-appearance:none}button:focus,input:focus,select:focus,textarea:focus{outline:none}button{background-color:unset;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.full-container{margin:0 auto;width:100%}.flex-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.small-container{margin:0 auto;max-width:960px;width:90%}@media only screen and (min-width:601px){.small-container{width:90%}}@media only screen and (min-width:993px){.small-container{width:100%}}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width:601px){.container{width:85%}}@media only screen and (min-width:993px){.container{width:70%}}.container .row, .full-container .row, .small-container .row{margin-left:-.75rem;margin-right:-.75rem}.center-text{text-align:center}.left-text{text-align:left}.right-text{text-align:right}.row{margin-bottom:.5rem;margin-left:auto;margin-right:auto}.row:after{content:"";display:table;clear:both}.row .column{box-sizing:border-box;padding:0 .75rem;min-height:1px;float:left}.row .column.small-1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.small-2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.small-3{width:25%;margin-left:auto;left:auto;right:auto}.row .column.small-4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.small-5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.small-6{width:50%;margin-left:auto;left:auto;right:auto}.row .column.small-7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.small-8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.small-9{width:75%;margin-left:auto;left:auto;right:auto}.row .column.small-10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.small-11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.small-12{width:100%;margin-left:auto;left:auto;right:auto}@media only screen and (min-width:601px){.row .column.medium-1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.medium-2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.medium-3{width:25%;margin-left:auto;left:auto;right:auto}.row .column.medium-4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.medium-5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.medium-6{width:50%;margin-left:auto;left:auto;right:auto}.row .column.medium-7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.medium-8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.medium-9{width:75%;margin-left:auto;left:auto;right:auto}.row .column.medium-10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.medium-11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.medium-12{width:100%;margin-left:auto;left:auto;right:auto}}@media only screen and (min-width:993px){.row .column.large-1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.large-2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.large-3{width:25%;margin-left:auto;left:auto;right:auto}.row .column.large-4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.large-5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.large-6{width:50%;margin-left:auto;left:auto;right:auto}.row .column.large-7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.large-8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.large-9{width:75%;margin-left:auto;left:auto;right:auto}.row .column.large-10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.large-11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.large-12{width:100%;margin-left:auto;left:auto;right:auto}}@media only screen and (min-width:1201px){.row .column.xlarge-1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-3{width:25%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-6{width:50%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-9{width:75%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-12{width:100%;margin-left:auto;left:auto;right:auto}}@media only screen and (max-width:992px){.hide-tablet-down{display:none}}@media only screen and (max-width:600px){.hide-mobile{display:none}}.hide{display:none}form{width:100%}input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea,textarea[type=text]{width:100%;margin-top:1rem;margin-bottom:1rem;box-sizing:border-box;transition:all .2s ease;border:1px solid #212121;border-radius:2px}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus,textarea[type=text]:focus{border-color:#212121;transition:all .2s ease}input,textarea{padding:.9rem 1rem .9rem 2rem}select{background:#fff;padding:.9rem .5rem;margin:1.2rem 0}textarea{resize:vertical;min-height:12rem;margin:0}.input-field span:before{cursor:pointer;position:relative;font-family:fontawesome;top:3rem;left:.6rem;color:#212121}.text-area-field span:before{top:1.8rem}.user-icon:before{content:""}.email-icon:before{content:""}.edit-icon:before{content:""}.caret-icon:before{content:"▼"}label{cursor:pointer}label input[type=checkbox]{display:none}label input[type=checkbox]+span:before{color:hsla(0,0%,100%,0)}label input[type=checkbox]+span:before,label input[type=checkbox]:checked+span:before{content:"";font-family:fontawesome;border:1px solid #212121;padding:.4rem;border-radius:2px;transition:.2s;font-size:16px}label input[type=checkbox]:checked+span:before{color:#212121}label input[type=radio]{display:none}label input[type=radio]+span:before{color:hsla(0,0%,100%,0)}label input[type=radio]+span:before,label input[type=radio]:checked+span:before{content:"";font-family:fontawesome;border:1px solid #212121;padding:.3rem .4rem;border-radius:100%;transition:.2s;font-size:14px}label input[type=radio]:checked+span:before{color:#212121}.green-input input[type=email],.green-input input[type=file],.green-input input[type=number],.green-input input[type=password],.green-input input[type=search],.green-input input[type=tel],.green-input input[type=text],.green-input input[type=url],.green-input select,.green-input textarea,.green-input textarea[type=text]{border-color:#1fdeb3}.green-input input[type=email]:focus,.green-input input[type=file]:focus,.green-input input[type=number]:focus,.green-input input[type=password]:focus,.green-input input[type=search]:focus,.green-input input[type=tel]:focus,.green-input input[type=text]:focus,.green-input input[type=url]:focus,.green-input select:focus,.green-input textarea:focus,.green-input textarea[type=text]:focus{border-color:#12c3d2}.green-input span:before{color:#1fdeb3}.black-input input[type=email],.black-input input[type=file],.black-input input[type=number],.black-input input[type=password],.black-input input[type=search],.black-input input[type=tel],.black-input input[type=text],.black-input input[type=url],.black-input select,.black-input textarea,.black-input textarea[type=text]{border-color:#212121}.black-input input[type=email]:focus,.black-input input[type=file]:focus,.black-input input[type=number]:focus,.black-input input[type=password]:focus,.black-input input[type=search]:focus,.black-input input[type=tel]:focus,.black-input input[type=text]:focus,.black-input input[type=url]:focus,.black-input select:focus,.black-input textarea:focus,.black-input textarea[type=text]:focus{border-color:#3b3a3a}.black-input span:before{color:#212121}.orange-input input[type=email],.orange-input input[type=file],.orange-input input[type=number],.orange-input input[type=password],.orange-input input[type=search],.orange-input input[type=tel],.orange-input input[type=text],.orange-input input[type=url],.orange-input select,.orange-input textarea,.orange-input textarea[type=text]{border-color:#ff9f33}.orange-input input[type=email]:focus,.orange-input input[type=file]:focus,.orange-input input[type=number]:focus,.orange-input input[type=password]:focus,.orange-input input[type=search]:focus,.orange-input input[type=tel]:focus,.orange-input input[type=text]:focus,.orange-input input[type=url]:focus,.orange-input select:focus,.orange-input textarea:focus,.orange-input textarea[type=text]:focus{border-color:#ffe53b}.orange-input span:before{color:#ff9f33}.purple-input input[type=email],.purple-input input[type=file],.purple-input input[type=number],.purple-input input[type=password],.purple-input input[type=search],.purple-input input[type=tel],.purple-input input[type=text],.purple-input input[type=url],.purple-input select,.purple-input textarea,.purple-input textarea[type=text]{border-color:#7274ff}.purple-input input[type=email]:focus,.purple-input input[type=file]:focus,.purple-input input[type=number]:focus,.purple-input input[type=password]:focus,.purple-input input[type=search]:focus,.purple-input input[type=tel]:focus,.purple-input input[type=text]:focus,.purple-input input[type=url]:focus,.purple-input select:focus,.purple-input textarea:focus,.purple-input textarea[type=text]:focus{border-color:#21d4fd}.purple-input span:before{color:#7274ff}.green-checkbox+span:before{border-color:#1fdeb3!important;color:hsla(0,0%,100%,0)!important}.green-checkbox:checked+span:before{color:#1fdeb3!important}.black-checkbox+span:before{border-color:#212121!important;color:hsla(0,0%,100%,0)!important}.black-checkbox:checked+span:before{color:#212121!important}.orange-checkbox+span:before{border-color:#ff9f33!important;color:hsla(0,0%,100%,0)!important}.orange-checkbox:checked+span:before{color:#ff9f33!important}.purple-checkbox+span:before{border-color:#7274ff!important;color:hsla(0,0%,100%,0)!important}.purple-checkbox:checked+span:before{color:#7274ff!important}.card{border-radius:5px;box-shadow:0 1px 10px 0 rgba(5,5,5,.13)}.card .card-header{padding:1.5rem}.card .card-header h4{font-weight:700;margin:0}.card .card-img{overflow:hidden}.card .card-img img{position:relative;left:0;right:0;top:0;bottom:0;width:100%;display:block}.card .card-footer{padding:1.5rem 0 1.5rem 1.5rem}.card .card-footer h4{font-weight:700;margin:0}.card-no-footer .card-img img{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.card-no-header .card-img img{border-top-left-radius:5px;border-top-right-radius:5px}.card-hover,.card-hover:hover{transition:all .3s}.card-hover:hover{box-shadow:0 11px 16px 0 rgba(5,5,5,.23)}.btn{padding: 1rem 1.5rem;color:#fff;cursor:pointer;text-transform:uppercase;font-weight:700}.btn-primary{border-radius:5px}.btn-rounded{border-radius:30px}.btn-outlined{border-width:3px;border-style:solid;transition:all .5s}.btn-outlined:hover{color:#fff;transition:all .5s}.gradient-black{background:#212121!important}.black-btn{border-color:#212121;color:#212121}.black-btn:hover{background-color:#212121}.green-btn{border-color:#1fdeb3;color:#1fdeb3}.green-btn:hover{background-color:#1fdeb3}.orange-btn{border-color:#ff9f33;color:#ff9f33}.orange-btn:hover{background-color:#ff9f33}.purple-btn{border-color:#7274ff;color:#7274ff}.purple-btn:hover{background-color:#7274ff}button:disabled{opacity:.8;color:#fff;border:unset}button:disabled,button:disabled:hover{box-shadow:unset;background:#c1c1c1}.responsive-image{overflow:hidden}.responsive-image img{width:100%}.responsive-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.responsive-video embed,.responsive-video iframe,.responsive-video object{position:absolute;top:0;left:0;width:100%;height:100%}body{font-family:Roboto,sans-serif;padding:0;margin:0}
\ No newline at end of file
+@charset "UTF-8";@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");@import url("https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i");.gradient-green{background:#1fdeb3;background:linear-gradient(80deg,#1fdeb3,#12c3d2)}.gradient-orange{background:#ffe53b;background:linear-gradient(80deg,#ffe53b,#ff2525)}.gradient-purple{background:#21d4fd;background:linear-gradient(80deg,#21d4fd,#b721ff)}a{text-decoration:none}button,input,select,textarea{-webkit-appearance:none}button:focus,input:focus,select:focus,textarea:focus{outline:none}button{background-color:unset;border:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.full-container{margin:0 auto;width:100%}.flex-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.small-container{margin:0 auto;max-width:960px;width:90%}@media only screen and (min-width:601px){.small-container{width:90%}}@media only screen and (min-width:993px){.small-container{width:100%}}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width:601px){.container{width:85%}}@media only screen and (min-width:993px){.container{width:70%}}.row{margin-left:-.75rem;margin-right:-.75rem}.center-text{text-align:center}.left-text{text-align:left}.right-text{text-align:right}.row{margin-bottom:.5rem;margin-left:auto;margin-right:auto}.row:after{content:"";display:table;clear:both}.row .column{box-sizing:border-box;padding:0 .75rem;min-height:1px;float:left}.row .column.small-1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.small-2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.small-3{width:25%;margin-left:auto;left:auto;right:auto}.row .column.small-4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.small-5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.small-6{width:50%;margin-left:auto;left:auto;right:auto}.row .column.small-7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.small-8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.small-9{width:75%;margin-left:auto;left:auto;right:auto}.row .column.small-10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.small-11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.small-12{width:100%;margin-left:auto;left:auto;right:auto}@media only screen and (min-width:601px){.row .column.medium-1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.medium-2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.medium-3{width:25%;margin-left:auto;left:auto;right:auto}.row .column.medium-4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.medium-5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.medium-6{width:50%;margin-left:auto;left:auto;right:auto}.row .column.medium-7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.medium-8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.medium-9{width:75%;margin-left:auto;left:auto;right:auto}.row .column.medium-10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.medium-11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.medium-12{width:100%;margin-left:auto;left:auto;right:auto}}@media only screen and (min-width:993px){.row .column.large-1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.large-2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.large-3{width:25%;margin-left:auto;left:auto;right:auto}.row .column.large-4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.large-5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.large-6{width:50%;margin-left:auto;left:auto;right:auto}.row .column.large-7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.large-8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.large-9{width:75%;margin-left:auto;left:auto;right:auto}.row .column.large-10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.large-11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.large-12{width:100%;margin-left:auto;left:auto;right:auto}}@media only screen and (min-width:1201px){.row .column.xlarge-1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-3{width:25%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-6{width:50%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-9{width:75%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .column.xlarge-12{width:100%;margin-left:auto;left:auto;right:auto}}@media only screen and (max-width:992px){.hide-tablet-down{display:none}}@media only screen and (max-width:600px){.hide-mobile{display:none}}.hide{display:none}form{width:100%}input[type=email],input[type=file],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea,textarea[type=text]{width:100%;margin-top:1rem;margin-bottom:1rem;box-sizing:border-box;transition:all .2s ease;border:1px solid #212121;border-radius:2px}input[type=email]:focus,input[type=file]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus,textarea[type=text]:focus{border-color:#212121;transition:all .2s ease}input,textarea{padding:.9rem 1rem .9rem 2rem}select{background:#fff;padding:.9rem .5rem;margin:1.2rem 0}textarea{resize:vertical;min-height:12rem;margin:0}.input-field span:before{cursor:pointer;position:relative;font-family:fontawesome;top:3rem;left:.6rem;color:#212121}.text-area-field span:before{top:1.8rem}.user-icon:before{content:""}.email-icon:before{content:""}.edit-icon:before{content:""}.caret-icon:before{content:"▼"}label{cursor:pointer}label input[type=checkbox]{display:none}label input[type=checkbox]+span:before{color:hsla(0,0%,100%,0)}label input[type=checkbox]+span:before,label input[type=checkbox]:checked+span:before{content:"";font-family:fontawesome;border:1px solid #212121;padding:.4rem;border-radius:2px;transition:.2s;font-size:16px}label input[type=checkbox]:checked+span:before{color:#212121}label input[type=radio]{display:none}label input[type=radio]+span:before{color:hsla(0,0%,100%,0)}label input[type=radio]+span:before,label input[type=radio]:checked+span:before{content:"";font-family:fontawesome;border:1px solid #212121;padding:.3rem .4rem;border-radius:100%;transition:.2s;font-size:14px}label input[type=radio]:checked+span:before{color:#212121}.green-input input[type=email],.green-input input[type=file],.green-input input[type=number],.green-input input[type=password],.green-input input[type=search],.green-input input[type=tel],.green-input input[type=text],.green-input input[type=url],.green-input select,.green-input textarea,.green-input textarea[type=text]{border-color:#1fdeb3}.green-input input[type=email]:focus,.green-input input[type=file]:focus,.green-input input[type=number]:focus,.green-input input[type=password]:focus,.green-input input[type=search]:focus,.green-input input[type=tel]:focus,.green-input input[type=text]:focus,.green-input input[type=url]:focus,.green-input select:focus,.green-input textarea:focus,.green-input textarea[type=text]:focus{border-color:#12c3d2}.green-input span:before{color:#1fdeb3}.black-input input[type=email],.black-input input[type=file],.black-input input[type=number],.black-input input[type=password],.black-input input[type=search],.black-input input[type=tel],.black-input input[type=text],.black-input input[type=url],.black-input select,.black-input textarea,.black-input textarea[type=text]{border-color:#212121}.black-input input[type=email]:focus,.black-input input[type=file]:focus,.black-input input[type=number]:focus,.black-input input[type=password]:focus,.black-input input[type=search]:focus,.black-input input[type=tel]:focus,.black-input input[type=text]:focus,.black-input input[type=url]:focus,.black-input select:focus,.black-input textarea:focus,.black-input textarea[type=text]:focus{border-color:#3b3a3a}.black-input span:before{color:#212121}.orange-input input[type=email],.orange-input input[type=file],.orange-input input[type=number],.orange-input input[type=password],.orange-input input[type=search],.orange-input input[type=tel],.orange-input input[type=text],.orange-input input[type=url],.orange-input select,.orange-input textarea,.orange-input textarea[type=text]{border-color:#ff9f33}.orange-input input[type=email]:focus,.orange-input input[type=file]:focus,.orange-input input[type=number]:focus,.orange-input input[type=password]:focus,.orange-input input[type=search]:focus,.orange-input input[type=tel]:focus,.orange-input input[type=text]:focus,.orange-input input[type=url]:focus,.orange-input select:focus,.orange-input textarea:focus,.orange-input textarea[type=text]:focus{border-color:#ffe53b}.orange-input span:before{color:#ff9f33}.purple-input input[type=email],.purple-input input[type=file],.purple-input input[type=number],.purple-input input[type=password],.purple-input input[type=search],.purple-input input[type=tel],.purple-input input[type=text],.purple-input input[type=url],.purple-input select,.purple-input textarea,.purple-input textarea[type=text]{border-color:#7274ff}.purple-input input[type=email]:focus,.purple-input input[type=file]:focus,.purple-input input[type=number]:focus,.purple-input input[type=password]:focus,.purple-input input[type=search]:focus,.purple-input input[type=tel]:focus,.purple-input input[type=text]:focus,.purple-input input[type=url]:focus,.purple-input select:focus,.purple-input textarea:focus,.purple-input textarea[type=text]:focus{border-color:#21d4fd}.purple-input span:before{color:#7274ff}.green-checkbox+span:before{border-color:#1fdeb3!important;color:hsla(0,0%,100%,0)!important}.green-checkbox:checked+span:before{color:#1fdeb3!important}.black-checkbox+span:before{border-color:#212121!important;color:hsla(0,0%,100%,0)!important}.black-checkbox:checked+span:before{color:#212121!important}.orange-checkbox+span:before{border-color:#ff9f33!important;color:hsla(0,0%,100%,0)!important}.orange-checkbox:checked+span:before{color:#ff9f33!important}.purple-checkbox+span:before{border-color:#7274ff!important;color:hsla(0,0%,100%,0)!important}.purple-checkbox:checked+span:before{color:#7274ff!important}.card{border-radius:5px;box-shadow:0 1px 10px 0 rgba(5,5,5,.13)}.card .card-header{padding:1.5rem}.card .card-header h4{font-weight:700;margin:0}.card .card-img{overflow:hidden}.card .card-img img{position:relative;left:0;right:0;top:0;bottom:0;width:100%;display:block}.card .card-footer{padding:1.5rem 0 1.5rem 1.5rem}.card .card-footer h4{font-weight:700;margin:0}.card-no-footer .card-img img{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.card-no-header .card-img img{border-top-left-radius:5px;border-top-right-radius:5px}.card-hover,.card-hover:hover{transition:all .3s}.card-hover:hover{box-shadow:0 11px 16px 0 rgba(5,5,5,.23)}.btn{padding:1rem 1.5rem;color:#fff;cursor:pointer;text-transform:uppercase;font-weight:700}.btn-primary{border-radius:5px}.btn-rounded{border-radius:60px}.btn-outlined{border-width:3px;border-style:solid;transition:all .5s}.btn-outlined:hover{color:#fff;transition:all .5s}.gradient-black{background:#212121!important}.black-btn{border-color:#212121;color:#212121}.black-btn:hover{background-color:#212121}.green-btn{border-color:#1fdeb3;color:#1fdeb3}.green-btn:hover{background-color:#1fdeb3}.orange-btn{border-color:#ff9f33;color:#ff9f33}.orange-btn:hover{background-color:#ff9f33}.purple-btn{border-color:#7274ff;color:#7274ff}.purple-btn:hover{background-color:#7274ff}.btn-small{padding:.5rem 1rem}.btn-large{padding:1.5rem 2rem}button:disabled{opacity:.8;color:#fff;border:unset}button:disabled,button:disabled:hover{box-shadow:unset;background:#c1c1c1}.responsive-image{overflow:hidden}.responsive-image img{width:100%}.responsive-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.responsive-video embed,.responsive-video iframe,.responsive-video object{position:absolute;top:0;left:0;width:100%;height:100%}body{font-family:Roboto,sans-serif;padding:0;margin:0}.container{padding:2rem 0}.header{text-align:center}.header,.header .brand{padding:4rem 0}.header .brand .logo{background-image:url(../images/logo.svg);background-repeat:no-repeat;background-position:50%;background-size:cover;padding:6rem 6.8rem}.header .brand h2{margin-top:8rem}.nav .brand-logo .branding{background-color:#fff;padding:.5rem 1rem;border-radius:5px}.buttons a{margin-right:1rem;line-height:4rem}.buttons p{color:#545454}.buttons h5{color:#474747;margin:15px 0}.buttons .type-buttons{padding:1rem 0}.buttons .type-buttons button:first-child{margin-right:2rem}@media screen and (max-width:900px){.buttons .type-buttons button:first-child{margin-right:unset}}.buttons .type-buttons button:last-child{margin-left:2rem}@media screen and (max-width:900px){.buttons .type-buttons button:last-child{margin-left:unset}}.boxes label{margin-right:2rem}.boxes .push-down{margin-bottom:2rem}.columns{background-color:#1fdeb3;padding:1rem 1px;text-align:center}.columns p{margin:0;color:#fff}@media screen and (max-width:1200px){.card,.columns{margin-bottom:2rem}button{margin-bottom:14px}}.divider{height:10px;width:30px;background:#212121;border-radius:2px;margin-bottom:1rem}.little{color:#a1ca8b;max-width:15%}@media screen and (max-width:992px){.little{max-width:30%}}@media screen and (max-width:600px){.little{max-width:80%}}.footer{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;text-align:center}@media screen and (max-width:680px){.footer{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}}.footer span{background-image:url(../images/logo.svg);background-repeat:no-repeat;background-position:50%;background-size:cover;padding:.4rem 1rem;margin-right:1rem}.footer a{color:#212121}@media screen and (max-width:680px){.footer a{margin-bottom:20px}}.footer a:visited{color:#212121}.flexed{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.flexed pre{margin:0 10px}pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:#282c35;border-radius:3px;word-break:normal;word-wrap:normal;color:#fff}a:visited{color:#12c3d2}.mbottom{margin-bottom:3rem}
\ No newline at end of file