about section finished

app/temp/styles/style.css

@@ -494,6 +494,11 @@ img {
   padding: .75rem 1.2rem;
   display: inline-block;
   border-radius: 30px; }
+  .btn--medium {
+    margin-bottom: 1.5rem; }
+    @media (min-width: 530px) {
+      .btn--medium {
+        font-size: 1.1rem; } }
   .btn--large {
     padding: 1.1rem 1.9rem; }
     @media (min-width: 530px) {
@@ -564,25 +569,76 @@ img {
     max-width: 976px; }
 
 .page-section {
-  padding: 1.2rem 0; }
+  padding: 1.2rem 0;
+  position: relative; }
   @media (min-width: 800px) {
     .page-section {
+      position: unset;
       padding: 4.5rem 0; } }
-  .page-section--no-b-padding-until-medium {
-    padding-bottom: 0; }
+  .page-section--b-margin {
+    margin-bottom: 70px; }
     @media (min-width: 800px) {
-      .page-section--no-b-padding-until-medium {
-        padding-bottom: 4.5rem; } }
-  .page-section--no-b-padding-until-large {
-    padding-bottom: 0; }
-    @media (min-width: 800px) {
-      .page-section--no-b-padding-until-large {
-        padding-bottom: 4.5rem; } }
-  .page-section--blue {
-    background-color: blue;
+      .page-section--b-margin {
+        margin-bottom: -140px; } }
+  .page-section--red {
+    background-color: #FF3D04;
     color: #fff; }
-  .page-section--testimonials {
-    background: #e0e6ef; }
+  .page-section--darkGreen {
+    background-color: #6F9C3D;
+    color: #fff; }
+  .page-section--lightGreen {
+    background-color: #A5C90F;
+    color: #fff; }
+  .page-section--arrow-down {
+    width: 0;
+    height: 0;
+    border-left: 70px solid transparent;
+    border-right: 70px solid transparent;
+    border-top: 85px solid #FF3D04;
+    position: absolute;
+    bottom: -60px;
+    left: 50%;
+    transform: translateX(-50%); }
+    @media (min-width: 800px) {
+      .page-section--arrow-down {
+        position: relative;
+        top: 70px;
+        margin: auto;
+        left: 0;
+        transform: translateX(0%); } }
+
+.headline {
+  margin: auto; }
+  .headline--s-width {
+    max-width: 500px; }
+    @media (min-width: 800px) {
+      .headline--s-width {
+        max-width: 1000px; } }
+  .headline__title {
+    font-weight: 500;
+    font-size: 1.7rem; }
+    @media (min-width: 800px) {
+      .headline__title {
+        font-size: 2.1rem; } }
+  .headline__subtitle {
+    font-weight: 300;
+    font-size: 1.4rem; }
+    @media (min-width: 800px) {
+      .headline__subtitle {
+        font-size: 1.8rem; } }
+  .headline--centered {
+    text-align: center; }
+  .headline--lightGreen {
+    color: #A5C90F; }
+  .headline--orange {
+    color: #FF9F2F; }
+  .headline--b-margin {
+    margin-bottom: 2.5rem; }
+    @media (min-width: 800px) {
+      .headline--b-margin {
+        margin-bottom: 4.5rem; } }
+  .headline a {
+    font-weight: 400; }
 
 .row {
   /* Begin Equal Height Rules */ }
@@ -599,21 +655,21 @@ img {
   .row--gutters-small {
     margin-right: -45px; }
   .row--gutters > div {
-    padding-right: 65px; }
+    padding-right: 60px; }
   .row--gutters-large > div {
     padding-right: 100px; }
   .row--gutters-small > div {
     padding-right: 45px; }
   .row__b-margin-until-medium {
     margin-bottom: 1rem; }
-  @media (min-width: 800px) {
+  @media (min-width: 1200px) {
     .row__b-margin-until-medium {
       margin-bottom: 0rem; }
     .row__medium-4 {
       float: left;
       width: 33.33%; }
     .row__medium-4--larger {
-      width: 37%; }
+      width: 27%; }
     .row__medium-6 {
       float: left;
       width: 50%; }
@@ -635,15 +691,50 @@ img {
     float: none;
     display: flex; }
 
+.generic-content-container--t-b-margin {
+  margin-top: 5rem;
+  margin-bottom: 70px; }
+  @media (min-width: 1200px) {
+    .generic-content-container--t-b-margin {
+      margin-top: 7rem;
+      margin-bottom: 0px; } }
+
+.generic-content-container--t-center {
+  text-align: center; }
+
 .generic-content-container p {
   font-weight: 300;
   line-height: 1.65;
-  margin: 0 0 1.8rem 0; }
-  @media (min-width: 530px) {
+  margin: 0;
+  font-size: 1.2rem; }
+  @media (min-width: 800px) {
     .generic-content-container p {
-      font-size: 1.125rem; } }
+      margin: 0 0 1.8rem 0;
+      font-size: 1.4rem; } }
 
 .generic-content-container p a {
   font-weight: 700; }
 
+.video-container {
+  position: relative;
+  padding-bottom: 56.25%;
+  padding-top: 30px;
+  height: 0;
+  overflow: hidden;
+  box-shadow: -3px 3px 10px #000000ba;
+  margin-bottom: 15px;
+  margin-right: -18px;
+  margin-left: -18px; }
+  @media (min-width: 1200px) {
+    .video-container {
+      margin-right: 0px;
+      margin-left: 0px; } }
+
+.video-container iframe, .video-container object, .video-container embed {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; }
+
 /*# sourceMappingURL=style.css.map */