Adjust breakpoints for Bracket and Stick svg files

Author: mariana-caldas

styles/Home.module.scss

@@ -101,7 +101,19 @@ hr {
   }
 }
 
-@media (min-width: $desktop-breakpoint) {
+.bracket {
+  left: 0;
+  position: absolute;
+  transform: translate(10rem, -5rem);
+}
+
+.stick {
+  right: 0;
+  position: absolute;
+  transform: translate(-10rem, -5rem);
+}
+
+@media (min-width: $desktop-breakpoint-large) {
   .title {
     font-size: 4rem;
   }
@@ -119,7 +131,7 @@ hr {
   }
 }
 
-@media (max-width: $desktop-breakpoint) {
+@media (max-width: $desktop-breakpoint-small) {
   .bracket {
     display: none;
   }

styles/TwoColumn.module.scss

@@ -18,7 +18,7 @@
       }
 
       .title {
-        font-family: 'Open Sans';
+        font-family: $heading-font;
         font-style: normal;
         font-weight: bold;
         font-size: 3.5rem;

styles/_variables.scss

@@ -2,7 +2,9 @@
 $mobile-breakpoint: 578px;
 $lg-mobile-breakpoint: 767px;
 $tablet-breakpoint: 768px;
+$desktop-breakpoint-small: 1023px;
 $desktop-breakpoint: 1024px;
+$desktop-breakpoint-large: 1025px;
 $large-desktop-breakpoint: 1440px;
 $extra-large-breakpoint: 2560px;