diff --git a/.circleci/config.yml b/.circleci/config.yml
index 1e37ab4b7a..3294f14378 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -342,8 +342,7 @@ workflows:
           filters:
             branches:
               only:
-                - develop
-                - fix/issue-5739
+                - gigs-apply-integration
       # This is alternate dev env for parallel testing
       - "build-test":
           context : org-global      
@@ -357,14 +356,14 @@ workflows:
           filters:
             branches:
               only:
-                - referral-api-bug
+                - free
       # This is beta env for production soft releases
       - "build-prod-beta":
           context : org-global
           filters:
             branches:
               only:
-                - thrive-vulnerability-1
+                - free
       # This is stage env for production QA releases
       - "build-prod-staging":
           context : org-global         
diff --git a/src/shared/components/ChallengeTile/style.scss b/src/shared/components/ChallengeTile/style.scss
index db72e7a56e..4a0dc990a2 100644
--- a/src/shared/components/ChallengeTile/style.scss
+++ b/src/shared/components/ChallengeTile/style.scss
@@ -23,7 +23,7 @@
     display: flex;
 
     .title {
-      @include sofia-pro-light;
+      @include roboto-light;
 
       font-size: 18px;
       line-height: 23px;
@@ -36,7 +36,7 @@
     }
 
     span {
-      font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-family: "BarlowCondensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-weight: 400;
       font-size: 11px;
       line-height: 15px;
@@ -52,7 +52,7 @@
     display: flex;
 
     .title {
-      @include sofia-pro-light;
+      @include roboto-light;
 
       font-size: 18px;
       line-height: 23px;
@@ -65,7 +65,7 @@
     }
 
     span {
-      font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-weight: 400;
       font-size: 11px;
       line-height: 15px;
@@ -154,7 +154,7 @@
     align-items: center;
 
     .place {
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 20px;
       color: #3d3d3d;
@@ -206,7 +206,7 @@
         .num-images {
           margin-left: 8px;
 
-          @include sofia-pro-regular;
+          @include roboto-regular;
 
           font-size: 10px;
           color: #f6f6f6;
@@ -225,7 +225,7 @@ div .dev-challenge-user-place {
     align-items: center;
 
     .place {
-      @include sofia-pro-light;
+      @include roboto-light;
 
       font-size: 18px;
       line-height: 23px;
@@ -257,14 +257,14 @@ div .dev-challenge-user-place {
         margin-top: 28px;
         margin-bottom: 5px;
 
-        @include sofia-pro-bold;
+        @include roboto-bold;
 
         font-size: 18px;
         color: #3d3d3d;
       }
 
       .last-child {
-        @include sofia-pro-medium;
+        @include roboto-medium;
 
         font-size: 9px;
         color: #a3a3ae;
@@ -287,7 +287,7 @@ div .challenge.tile-view {
     a.name,
     span.name {
       display: block;
-      font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-weight: 500;
       font-size: 12px;
       line-height: 16px;
@@ -306,7 +306,7 @@ div .challenge.tile-view {
     }
 
     p.subtrack-color {
-      font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-weight: 500;
       font-size: 10px;
       line-height: 14px;
@@ -349,7 +349,7 @@ div .challenge.tile-view {
     // }
 
     .title {
-      @include sofia-pro-light;
+      @include roboto-light;
 
       font-size: 18px;
       line-height: 23px;
@@ -362,7 +362,7 @@ div .challenge.tile-view {
     }
 
     span {
-      font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-weight: 400;
       font-size: 11px;
       line-height: 15px;
@@ -383,7 +383,7 @@ div .challenge.tile-view {
 
     .title {
       margin-bottom: 60px;
-      font-family: 'Sofia Pro', Arial, Helvetica, sans-serif;
+      font-family: 'BarlowCondensed', Arial, Helvetica, sans-serif;
       font-weight: 300;
       font-size: 18px;
       line-height: 23px;
@@ -393,7 +393,7 @@ div .challenge.tile-view {
 
     span {
       margin-top: 20px;
-      font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-weight: 400;
       font-size: 11px;
       line-height: 15px;
@@ -447,7 +447,7 @@ div .challenge.tile-view {
     .challenge-details {
       .currentPhase {
         margin-bottom: 20px;
-        font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+        font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-weight: 300;
         font-size: 18px;
         line-height: 23px;
@@ -464,7 +464,7 @@ div .challenge.tile-view {
         background-image: url(assets/images/ico-calendar.svg);
 
         > p {
-          font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+          font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
           font-weight: 700;
         }
 
@@ -501,7 +501,7 @@ div .challenge.tile-view {
       .stalled-challenge {
         min-height: 83px;
         padding: 21px 20px 0 20px;
-        font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+        font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-weight: 500;
         font-size: 12px;
         line-height: 18px;
@@ -545,7 +545,7 @@ div .challenge.tile-view {
           border: 1px solid #f0f0f0;
           border-radius: 4px;
           background-color: $tc-white;
-          font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+          font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
           font-weight: 400;
           font-size: 12px;
           text-transform: uppercase;
@@ -583,7 +583,7 @@ div .challenge.tile-view {
       position: relative;
 
       .date-completed {
-        font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+        font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
         font-weight: 500;
         font-size: 10px;
         line-height: 14px;
@@ -643,7 +643,7 @@ div .challenge.tile-view {
 
         .score {
           margin-bottom: 5px;
-          font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+          font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
           font-weight: 400;
           font-size: 32px;
           line-height: 38px;
@@ -651,7 +651,7 @@ div .challenge.tile-view {
         }
 
         p:last-child {
-          font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+          font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
           font-weight: 400;
           font-size: 12px;
           line-height: 14px;
@@ -689,7 +689,7 @@ div .challenge.tile-view {
     margin: 30px auto 0;
     text-align: center;
 
-    @include sofia-pro-regular;
+    @include roboto-regular;
 
     font-size: 24px;
     line-height: 30px;
@@ -702,7 +702,7 @@ div .challenge.tile-view {
     margin-top: 30px;
 
     li {
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 15px;
       line-height: 18px;
@@ -720,7 +720,7 @@ div .challenge.tile-view {
   }
 
   ul.divisions {
-    @include sofia-pro-regular;
+    @include roboto-regular;
 
     li.division {
       border-bottom: 1px solid #f0f0f0;
@@ -844,7 +844,7 @@ div .challenge.tile-view {
     .no-challenges {
       margin: 30px;
 
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 16px;
       color: #a3a3ae;
@@ -877,7 +877,7 @@ div .challenge.tile-view {
     h2.detailed {
       margin: 30px auto 0;
 
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 24px;
       line-height: 30px;
@@ -897,7 +897,7 @@ div .challenge.tile-view {
         width: 28%;
         margin: 0 15px;
 
-        @include sofia-pro-regular;
+        @include roboto-regular;
 
         font-size: 15px;
         line-height: 18px;
diff --git a/src/shared/components/Contentful/SearchBar/SearchBar.jsx b/src/shared/components/Contentful/SearchBar/SearchBar.jsx
index 3fe97914e3..ab0abb9e09 100644
--- a/src/shared/components/Contentful/SearchBar/SearchBar.jsx
+++ b/src/shared/components/Contentful/SearchBar/SearchBar.jsx
@@ -379,12 +379,13 @@ export class SearchBarInner extends Component {
    * Update suggestion list with new search text
    * This function use debounce delay to avoid processing or requesting too much
    *
-   * @param {String} searchText Search text
+   * @param {String} searchTerm Search text
    */
-  updateSuggestionListWithNewSearch(searchText) {
+  updateSuggestionListWithNewSearch(searchTerm) {
     const {
       selectedFilter,
     } = this.state;
+    const searchText = searchTerm ? encodeURIComponent(searchTerm) : '';
 
     if (searchText) {
       const query = {
@@ -499,6 +500,7 @@ export class SearchBarInner extends Component {
           <IconSearch className={theme['icon-search']} />
           <input
             value={inputlVal}
+            maxLength={115}
             ref={this.setSearchFieldRef}
             type="text"
             placeholder="Search..."
diff --git a/src/shared/components/Handle/styles.scss b/src/shared/components/Handle/styles.scss
index 55f0aee88b..94898ce1cc 100644
--- a/src/shared/components/Handle/styles.scss
+++ b/src/shared/components/Handle/styles.scss
@@ -1,5 +1,5 @@
 .handle {
-  font-family: 'Sofia Pro', Arial, Helvetica, sans-serif;
+  font-family: 'Roboto', Arial, Helvetica, sans-serif;
   font-weight: 500;
   line-height: 1.2;
 }
diff --git a/src/shared/components/ProfilePage/BadgesModal/Popup/styles.scss b/src/shared/components/ProfilePage/BadgesModal/Popup/styles.scss
index fa7ca54243..fc50b322d5 100644
--- a/src/shared/components/ProfilePage/BadgesModal/Popup/styles.scss
+++ b/src/shared/components/ProfilePage/BadgesModal/Popup/styles.scss
@@ -1,7 +1,7 @@
 @import "~styles/mixins";
 
 .container {
-  @include sofia-pro-regular;
+  @include roboto-regular;
 
   border-radius: $corner-radius;
   font-size: 11px;
diff --git a/src/shared/components/ProfilePage/BadgesModal/styles.scss b/src/shared/components/ProfilePage/BadgesModal/styles.scss
index 16cefd1e51..1353668471 100644
--- a/src/shared/components/ProfilePage/BadgesModal/styles.scss
+++ b/src/shared/components/ProfilePage/BadgesModal/styles.scss
@@ -1,7 +1,7 @@
 @import "~styles/mixins";
 
 header.head {
-  @include sofia-pro-extra-light;
+  @include roboto-extra-light;
 
   font-size: 28px;
   line-height: 34px;
diff --git a/src/shared/components/ProfilePage/ExternalLink/styles.scss b/src/shared/components/ProfilePage/ExternalLink/styles.scss
index 137fd1e341..973f70c713 100644
--- a/src/shared/components/ProfilePage/ExternalLink/styles.scss
+++ b/src/shared/components/ProfilePage/ExternalLink/styles.scss
@@ -21,7 +21,7 @@
   margin-bottom: 10px;
   border-radius: 4px;
 
-  @include sofia-pro-medium;
+  @include roboto-medium;
 
   &:hover {
     cursor: pointer;
@@ -63,7 +63,7 @@
     height: 100%;
 
     .handle {
-      @include sofia-pro-light;
+      @include roboto-light;
 
       font-size: 18px;
       height: 20px;
@@ -75,12 +75,12 @@
       font-size: 12px;
       line-height: 14px;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
     }
 
     .pending {
       p {
-        @include sofia-pro-regular;
+        @include roboto-regular;
 
         font-size: 16px;
         color: $tc-gray-10;
@@ -114,7 +114,7 @@
     }
 
     .link-title {
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       font-size: 12px;
       line-height: 20px;
@@ -165,7 +165,7 @@
     text-align: center;
     padding: 0;
 
-    @include sofia-pro-medium;
+    @include roboto-medium;
 
     i {
       color: #7f7f7f;
@@ -223,7 +223,7 @@
           margin: 10px 0 10px 0;
           width: 90px;
 
-          @include sofia-pro-medium;
+          @include roboto-medium;
 
           .value {
             color: $tc-gray-90;
diff --git a/src/shared/components/ProfilePage/Header/styles.scss b/src/shared/components/ProfilePage/Header/styles.scss
index 547dd3006d..31c3d7ef79 100644
--- a/src/shared/components/ProfilePage/Header/styles.scss
+++ b/src/shared/components/ProfilePage/Header/styles.scss
@@ -22,7 +22,7 @@
     line-height: 24px;
     width: 100%;
 
-    @include sofia-pro-medium;
+    @include roboto-medium;
 
     text-align: center;
     color: $tc-gray-90;
@@ -38,7 +38,7 @@
       font-size: 28px;
       line-height: 34px;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       &.level-1 {
         color: $tc-level-1;
@@ -66,7 +66,7 @@
       font-size: 12px;
       line-height: 14px;
 
-      @include sofia-pro-light;
+      @include roboto-light;
 
       color: $tc-gray-40;
       text-align: center;
@@ -78,7 +78,7 @@
       font-size: 12px;
       line-height: 14px;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       text-align: center;
       text-transform: uppercase;
@@ -115,7 +115,7 @@
     margin-top: 30px;
     text-align: center;
 
-    @include sofia-pro-bold;
+    @include roboto-bold;
   }
 
   .tracks-links {
@@ -145,7 +145,7 @@
         }
 
         .text {
-          @include sofia-pro-light;
+          @include roboto-light;
 
           color: $tc-gray-40;
           font-size: 12px;
@@ -169,7 +169,7 @@
 
     .link,
     .link:visited {
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       color: $tc-gray-75;
       font-size: 12px;
diff --git a/src/shared/components/ProfilePage/Skill/styles.scss b/src/shared/components/ProfilePage/Skill/styles.scss
index db28f12c9e..d41c275f87 100644
--- a/src/shared/components/ProfilePage/Skill/styles.scss
+++ b/src/shared/components/ProfilePage/Skill/styles.scss
@@ -51,7 +51,7 @@
     justify-content: center;
 
     .name {
-      @include sofia-pro-light;
+      @include roboto-light;
 
       font-size: 12px;
       color: $tc-gray-90;
diff --git a/src/shared/components/ProfilePage/Stats/SRMStats/styles.scss b/src/shared/components/ProfilePage/Stats/SRMStats/styles.scss
index adadea62ba..42256ef7a4 100644
--- a/src/shared/components/ProfilePage/Stats/SRMStats/styles.scss
+++ b/src/shared/components/ProfilePage/Stats/SRMStats/styles.scss
@@ -1,7 +1,7 @@
 @import "~styles/mixins";
 
 .divisions {
-  @include sofia-pro-regular;
+  @include roboto-regular;
 
   .division {
     border-bottom: 1px solid #f0f0f0;
diff --git a/src/shared/components/ProfilePage/Stats/StatsModal/styles.scss b/src/shared/components/ProfilePage/Stats/StatsModal/styles.scss
index 3cd45f48bf..9c44e37c32 100644
--- a/src/shared/components/ProfilePage/Stats/StatsModal/styles.scss
+++ b/src/shared/components/ProfilePage/Stats/StatsModal/styles.scss
@@ -16,7 +16,7 @@
 
   .nav-top {
     margin-top: 60px;
-    font-family: Sofia Pro, sans-serif;
+    font-family: 'Roboto', sans-serif;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
diff --git a/src/shared/components/ProfilePage/Stats/SubTrackChallengeView/GalleryModal/style.scss b/src/shared/components/ProfilePage/Stats/SubTrackChallengeView/GalleryModal/style.scss
index 439f1b94fe..b1a5312e9c 100644
--- a/src/shared/components/ProfilePage/Stats/SubTrackChallengeView/GalleryModal/style.scss
+++ b/src/shared/components/ProfilePage/Stats/SubTrackChallengeView/GalleryModal/style.scss
@@ -1,5 +1,5 @@
 .lightbox-container {
-  font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-family: 'Roboto', "Helvetica Neue", Helvetica, Arial, sans-serif;
   display: flex;
   width: 100%;
   margin: auto;
diff --git a/src/shared/components/ProfilePage/Stats/SubTrackChallengeView/style.scss b/src/shared/components/ProfilePage/Stats/SubTrackChallengeView/style.scss
index 46523322bf..5a413ead50 100644
--- a/src/shared/components/ProfilePage/Stats/SubTrackChallengeView/style.scss
+++ b/src/shared/components/ProfilePage/Stats/SubTrackChallengeView/style.scss
@@ -34,7 +34,7 @@ ul.vertical-stats {
     margin: 30px auto 0;
     text-align: center;
 
-    @include sofia-pro-regular;
+    @include roboto-regular;
 
     font-size: 24px;
     line-height: 30px;
@@ -47,7 +47,7 @@ ul.vertical-stats {
     margin-top: 30px;
 
     li {
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 15px;
       line-height: 18px;
@@ -65,7 +65,7 @@ ul.vertical-stats {
   }
 
   ul.divisions {
-    @include sofia-pro-regular;
+    @include roboto-regular;
 
     li.division {
       border-bottom: 1px solid #f0f0f0;
@@ -191,7 +191,7 @@ ul.vertical-stats {
 .no-challenges {
   margin: 30px;
 
-  @include sofia-pro-regular;
+  @include roboto-regular;
 
   font-size: 16px;
   color: #a3a3ae;
@@ -222,7 +222,7 @@ ul.vertical-stats {
     h2.detailed {
       margin: 30px auto 0;
 
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 24px;
       line-height: 30px;
@@ -242,7 +242,7 @@ ul.vertical-stats {
         width: 28%;
         margin: 0 15px;
 
-        @include sofia-pro-regular;
+        @include roboto-regular;
 
         font-size: 15px;
         line-height: 18px;
diff --git a/src/shared/components/ProfilePage/Stats/styles.scss b/src/shared/components/ProfilePage/Stats/styles.scss
index 88da5d68fd..76f431f838 100644
--- a/src/shared/components/ProfilePage/Stats/styles.scss
+++ b/src/shared/components/ProfilePage/Stats/styles.scss
@@ -11,7 +11,7 @@
     flex-direction: column;
 
     h1 {
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       font-size: 24px;
       line-height: 31px;
@@ -43,7 +43,7 @@
         margin-left: 40px;
         margin-right: 20px;
 
-        @include sofia-pro-regular;
+        @include roboto-regular;
 
         &:not(:first-child)::before {
           content: '';
@@ -78,7 +78,7 @@
         margin-left: 40px;
         margin-right: 20px;
 
-        @include sofia-pro-regular;
+        @include roboto-regular;
 
         .value {
           font-size: 24px;
@@ -135,7 +135,7 @@
   flex-direction: column;
   background: #f6f6f6;
 
-  @include sofia-pro-regular;
+  @include roboto-regular;
 
   .content {
     a.selected:hover {
@@ -286,7 +286,7 @@
         flex-direction: column;
         justify-content: center;
 
-        @include sofia-pro-regular;
+        @include roboto-regular;
 
         .value {
           font-weight: 700;
@@ -331,7 +331,7 @@
     .details {
       padding-bottom: 40px;
 
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       .graphs {
         display: flex;
@@ -394,7 +394,7 @@
         .no-challenges {
           margin: 30px;
 
-          @include sofia-pro-regular;
+          @include roboto-regular;
 
           font-size: 16px;
           color: $tc-gray-40;
@@ -487,7 +487,7 @@
         h2.detailed {
           margin: 30px auto 0;
 
-          @include sofia-pro-regular;
+          @include roboto-regular;
 
           font-size: 24px;
           line-height: 30px;
@@ -506,7 +506,7 @@
             width: 28%;
             margin: 0 15px;
 
-            @include sofia-pro-regular;
+            @include roboto-regular;
 
             font-size: 15px;
             line-height: 18px;
diff --git a/src/shared/components/ProfilePage/StatsCategory/styles.scss b/src/shared/components/ProfilePage/StatsCategory/styles.scss
index efec2d86a9..f9a8c658ae 100644
--- a/src/shared/components/ProfilePage/StatsCategory/styles.scss
+++ b/src/shared/components/ProfilePage/StatsCategory/styles.scss
@@ -53,7 +53,7 @@
       line-height: 24px;
       margin-bottom: 10.6px;
 
-      @include sofia-pro-extra-light;
+      @include roboto-extra-light;
     }
 
     svg {
@@ -98,7 +98,7 @@
         justify-content: flex-start;
         margin-top: 12px;
 
-        @include sofia-pro-light;
+        @include roboto-light;
       }
 
       .ranking {
@@ -109,7 +109,7 @@
         flex-direction: column;
         align-items: flex-end;
 
-        @include sofia-pro-medium;
+        @include roboto-medium;
 
         .number {
           text-align: center;
@@ -128,7 +128,7 @@
           text-transform: uppercase;
           margin: 5px auto 0 auto;
 
-          @include sofia-pro-regular;
+          @include roboto-regular;
 
           font-size: 12px;
           line-height: 10px;
@@ -137,7 +137,7 @@
       }
 
       .arrow {
-        @include sofia-pro-extra-light;
+        @include roboto-extra-light;
 
         color: $tc-gray-80;
         height: 12px;
@@ -164,7 +164,7 @@
       font-size: 28px;
       line-height: 34px;
 
-      @include sofia-pro-bold;
+      @include roboto-bold;
 
       text-transform: uppercase;
     }
@@ -189,7 +189,7 @@
         margin-bottom: 30px;
         margin-top: 0;
 
-        @include sofia-pro-medium;
+        @include roboto-medium;
       }
 
       .subtrack {
diff --git a/src/shared/components/ProfilePage/styles.scss b/src/shared/components/ProfilePage/styles.scss
index d440b6f67f..fabab8207d 100644
--- a/src/shared/components/ProfilePage/styles.scss
+++ b/src/shared/components/ProfilePage/styles.scss
@@ -19,7 +19,7 @@
 }
 
 .empty-profile {
-  @include sofia-pro-light;
+  @include roboto-light;
 
   align-items: center;
   background-color: $tc-white;
@@ -107,7 +107,7 @@ hr {
     line-height: 21px;
     margin-bottom: 20px;
 
-    @include sofia-pro-medium;
+    @include roboto-medium;
 
     text-transform: uppercase;
   }
@@ -231,7 +231,7 @@ hr {
     font-size: 18px;
     line-height: 21px;
 
-    @include sofia-pro-medium;
+    @include roboto-medium;
 
     text-transform: uppercase;
     margin-top: 20px;
@@ -267,7 +267,7 @@ hr {
         line-height: 24px;
         margin-bottom: 10.6px;
 
-        @include sofia-pro-extra-light;
+        @include roboto-extra-light;
       }
 
       svg {
@@ -312,7 +312,7 @@ hr {
           justify-content: flex-start;
           margin-top: 12px;
 
-          @include sofia-pro-light;
+          @include roboto-light;
         }
 
         .ranking {
@@ -323,7 +323,7 @@ hr {
           flex-direction: column;
           align-items: flex-end;
 
-          @include sofia-pro-medium;
+          @include roboto-medium;
 
           .number {
             text-align: center;
@@ -342,7 +342,7 @@ hr {
             text-transform: uppercase;
             margin: 5px auto 0 auto;
 
-            @include sofia-pro-regular;
+            @include roboto-regular;
 
             font-size: 12px;
             line-height: 10px;
@@ -351,7 +351,7 @@ hr {
         }
 
         .arrow {
-          @include sofia-pro-extra-light;
+          @include roboto-extra-light;
 
           color: $tc-gray-80;
           height: 12px;
@@ -440,7 +440,7 @@ hr {
         font-size: 28px;
         line-height: 34px;
 
-        @include sofia-pro-bold;
+        @include roboto-bold;
 
         text-transform: uppercase;
       }
@@ -465,7 +465,7 @@ hr {
           margin-bottom: 30px;
           margin-top: 0;
 
-          @include sofia-pro-medium;
+          @include roboto-medium;
         }
 
         .subtrack {
diff --git a/src/shared/components/SRMTile/style.scss b/src/shared/components/SRMTile/style.scss
index 2d3e3c60ad..dd691c052e 100644
--- a/src/shared/components/SRMTile/style.scss
+++ b/src/shared/components/SRMTile/style.scss
@@ -22,7 +22,7 @@
     display: flex;
 
     .title {
-      @include sofia-pro-light;
+      @include roboto-light;
 
       font-size: 18px;
       line-height: 23px;
@@ -35,7 +35,7 @@
     }
 
     span {
-      font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-weight: 400;
       font-size: 11px;
       line-height: 15px;
@@ -51,7 +51,7 @@
     display: flex;
 
     .title {
-      @include sofia-pro-light;
+      @include roboto-light;
 
       font-size: 18px;
       line-height: 23px;
@@ -64,7 +64,7 @@
     }
 
     span {
-      font-family: 'Sofia Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
+      font-family: 'BarlowCondensed', "Helvetica Neue", Helvetica, Arial, sans-serif;
       font-weight: 400;
       font-size: 11px;
       line-height: 15px;
@@ -161,7 +161,7 @@
       border-radius: 4px;
       background-color: $tc-white;
 
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 12px;
       text-transform: uppercase;
@@ -209,7 +209,7 @@
       display: block;
       width: 210px;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       font-size: 14px;
       line-height: 49px;
@@ -220,7 +220,7 @@
     }
 
     .ended-on {
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       font-size: 12px;
       text-transform: uppercase;
@@ -257,7 +257,7 @@
     span {
       display: block;
 
-      @include sofia-pro-bold;
+      @include roboto-bold;
 
       color: #b7b7b7;
 
@@ -287,7 +287,7 @@
         margin-top: 18px;
         margin-left: 3px;
 
-        @include sofia-pro-regular;
+        @include roboto-regular;
 
         font-size: 12px;
         color: #3d3d3d;
@@ -305,13 +305,13 @@
       margin-top: 40px;
       margin-bottom: 20px;
 
-      @include sofia-pro-light;
+      @include roboto-light;
 
       font-size: 20px;
       line-height: 24px;
 
       span {
-        @include sofia-pro-bold;
+        @include roboto-bold;
       }
     }
   }
@@ -325,7 +325,7 @@
       margin-top: 40px;
       margin-bottom: 20px;
 
-      @include sofia-pro-light;
+      @include roboto-light;
 
       font-size: 20px;
       line-height: 24px;
@@ -334,7 +334,7 @@
       align-items: center;
 
       span {
-        @include sofia-pro-bold;
+        @include roboto-bold;
 
         height: 24px;// matches the line-height of the section
       }
@@ -355,12 +355,12 @@
         text-align: center;
         background-color: #f6f6f6;
 
-        @include sofia-pro-bold;
+        @include roboto-bold;
 
         color: #3d3d3d;
 
         .last-child {
-          @include sofia-pro-medium;
+          @include roboto-medium;
 
           font-size: 9px;
           color: #a3a3ae;
@@ -379,13 +379,13 @@
         text-align: center;
         background-color: #f6f6f6;
 
-        @include sofia-pro-bold;
+        @include roboto-bold;
 
         color: #3d3d3d;
         margin-left: 15px;
 
         .last-child {
-          @include sofia-pro-medium;
+          @include roboto-medium;
 
           font-size: 9px;
           color: #a3a3ae;
@@ -400,7 +400,7 @@
       color: #a3a3ae;
       text-transform: uppercase;
 
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 12px;
       margin-bottom: 60px;
@@ -428,7 +428,7 @@
     margin: 30px auto 0;
     text-align: center;
 
-    @include sofia-pro-regular;
+    @include roboto-regular;
 
     font-size: 24px;
     line-height: 30px;
@@ -441,7 +441,7 @@
     margin-top: 30px;
 
     li {
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 15px;
       line-height: 18px;
@@ -459,7 +459,7 @@
   }
 
   ul.divisions {
-    @include sofia-pro-regular;
+    @include roboto-regular;
 
     li.division {
       border-bottom: 1px solid #f0f0f0;
@@ -583,7 +583,7 @@
     .no-challenges {
       margin: 30px;
 
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 16px;
       color: #a3a3ae;
@@ -616,7 +616,7 @@
     h2.detailed {
       margin: 30px auto 0;
 
-      @include sofia-pro-regular;
+      @include roboto-regular;
 
       font-size: 24px;
       line-height: 30px;
@@ -636,7 +636,7 @@
         width: 28%;
         margin: 0 15px;
 
-        @include sofia-pro-regular;
+        @include roboto-regular;
 
         font-size: 15px;
         line-height: 18px;
diff --git a/src/shared/components/Settings/Account/LinkedAccount/modal.scss b/src/shared/components/Settings/Account/LinkedAccount/modal.scss
index a6d1f3a965..992095f9be 100644
--- a/src/shared/components/Settings/Account/LinkedAccount/modal.scss
+++ b/src/shared/components/Settings/Account/LinkedAccount/modal.scss
@@ -58,7 +58,7 @@
 }
 
 .deletion-confirmation-title {
-  @include sofia-pro-medium;
+  @include roboto-medium;
 
   font-size: 20px;
   line-height: 24px;
@@ -89,7 +89,7 @@
       text-transform: uppercase;
       height: 40px;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       font-size: 12px;
     }
@@ -101,7 +101,7 @@
       text-transform: uppercase;
       height: 40px;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       font-size: 12px;
 
diff --git a/src/shared/components/Settings/Account/LinkedAccount/styles.scss b/src/shared/components/Settings/Account/LinkedAccount/styles.scss
index dd06e86d44..f4f29f4dbd 100644
--- a/src/shared/components/Settings/Account/LinkedAccount/styles.scss
+++ b/src/shared/components/Settings/Account/LinkedAccount/styles.scss
@@ -27,7 +27,7 @@
     //border-radius: 4px;
     position: relative;
 
-    @include sofia-pro-medium;
+    @include roboto-medium;
 
     i {
       color: #7f7f7f;
@@ -110,7 +110,7 @@
       margin-top: 10px;
 
       .handle {
-        @include sofia-pro-light;
+        @include roboto-light;
 
         font-size: 18px;
         height: 20px;
@@ -125,12 +125,12 @@
         font-size: 12px;
         line-height: 14px;
 
-        @include sofia-pro-medium;
+        @include roboto-medium;
       }
 
       .pending {
         p {
-          @include sofia-pro-regular;
+          @include roboto-regular;
 
           font-size: 16px;
           color: $tc-gray-90;
@@ -170,7 +170,7 @@
       }
 
       .link-title {
-        @include sofia-pro-medium;
+        @include roboto-medium;
 
         font-size: 12px;
         line-height: 20px;
@@ -465,7 +465,7 @@
       padding: 0;
       position: relative;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       i {
         color: #7f7f7f;
@@ -525,7 +525,7 @@
             margin: 10px 0 10px 0;
             width: 90px;
 
-            @include sofia-pro-medium;
+            @include roboto-medium;
 
             .value {
               color: $tc-gray-90;
@@ -661,7 +661,7 @@
       .provider {
         margin-top: 8px;
 
-        @include sofia-pro-medium;
+        @include roboto-medium;
 
         font-size: 12px;
         line-height: 13px;
diff --git a/src/shared/components/Settings/Account/MyAccount/styles.scss b/src/shared/components/Settings/Account/MyAccount/styles.scss
index 4a3995bad9..b16d848097 100644
--- a/src/shared/components/Settings/Account/MyAccount/styles.scss
+++ b/src/shared/components/Settings/Account/MyAccount/styles.scss
@@ -116,7 +116,7 @@
       border: none;
 
       @include placeholder {
-        @include sofia-pro-regular;
+        @include roboto-regular;
 
         color: $tc-gray-40;
         font-size: 12px;
@@ -126,7 +126,7 @@
     }
 
     label {
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       display: flex !important;
       line-height: 20px !important;
@@ -530,7 +530,7 @@ $tips-background: $tc-gray-neutral-light;
   }
 
   h3 {
-    @include sofia-pro-medium;
+    @include roboto-medium;
 
     font-size: 14px;
     padding-bottom: 15px;
@@ -552,7 +552,7 @@ $tips-background: $tc-gray-neutral-light;
   }
 
   p::before {
-    @include sofia-pro-medium;
+    @include roboto-medium;
 
     content: '';
     width: 20px;
@@ -650,7 +650,7 @@ $tips-background: $tc-gray-neutral-light;
   padding: 40px;
 
   .verification-send-title {
-    @include sofia-pro-medium;
+    @include roboto-medium;
 
     font-size: 20px;
     line-height: 24px;
diff --git a/src/shared/components/Settings/CofirmationModal/styles.scss b/src/shared/components/Settings/CofirmationModal/styles.scss
index 74037129c3..518acd432e 100644
--- a/src/shared/components/Settings/CofirmationModal/styles.scss
+++ b/src/shared/components/Settings/CofirmationModal/styles.scss
@@ -58,7 +58,7 @@
 }
 
 .deletion-confirmation-title {
-  @include sofia-pro-medium;
+  @include roboto-medium;
 
   font-size: 20px;
   line-height: 24px;
@@ -90,7 +90,7 @@
       text-transform: uppercase;
       height: 40px;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       font-size: 12px;
     }
@@ -102,7 +102,7 @@
       text-transform: uppercase;
       height: 40px;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       font-size: 12px;
 
diff --git a/src/shared/components/Settings/Preferences/Email/styles.scss b/src/shared/components/Settings/Preferences/Email/styles.scss
index ff39f96171..949556c7cf 100644
--- a/src/shared/components/Settings/Preferences/Email/styles.scss
+++ b/src/shared/components/Settings/Preferences/Email/styles.scss
@@ -38,7 +38,7 @@
   }
 
   .unsubscribed-msg {
-    @include sofia-pro-regular;
+    @include roboto-regular;
 
     display: flex;
     flex-direction: column;
diff --git a/src/shared/components/Settings/Profile/AboutMe/styles.scss b/src/shared/components/Settings/Profile/AboutMe/styles.scss
index 807a8c9aa3..88841acc69 100644
--- a/src/shared/components/Settings/Profile/AboutMe/styles.scss
+++ b/src/shared/components/Settings/Profile/AboutMe/styles.scss
@@ -10,7 +10,7 @@
   span.error-message {
     color: #ef3a3a;
 
-    @include sofia-pro-regular;
+    @include roboto-regular;
 
     font-size: 10px;
     text-transform: uppercase;
diff --git a/src/shared/components/Settings/Profile/BasicInfo/Track/styles.scss b/src/shared/components/Settings/Profile/BasicInfo/Track/styles.scss
index 77553ede96..e2b4c4dde4 100644
--- a/src/shared/components/Settings/Profile/BasicInfo/Track/styles.scss
+++ b/src/shared/components/Settings/Profile/BasicInfo/Track/styles.scss
@@ -45,7 +45,7 @@ $switch-height: 20px;
 }
 
 .info-first-line {
-  @include sofia-pro-medium;
+  @include roboto-medium;
 
   font-size: 16px;
   line-height: 28px;
diff --git a/src/shared/components/Settings/Profile/BasicInfo/styles.scss b/src/shared/components/Settings/Profile/BasicInfo/styles.scss
index 2549d0438a..5be08bffbe 100644
--- a/src/shared/components/Settings/Profile/BasicInfo/styles.scss
+++ b/src/shared/components/Settings/Profile/BasicInfo/styles.scss
@@ -151,7 +151,7 @@
     align-items: flex-start;
   }
 
-  @include sofia-pro-light;
+  @include roboto-light;
 
   .user-icon {
     margin-right: 40px;
@@ -171,7 +171,7 @@
     flex-direction: column;
 
     .handle {
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       width: 103px;
       height: 35px;
@@ -356,7 +356,7 @@
     margin-bottom: 10px;
 
     .title {
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       font-size: 16px;
       font-weight: 500;
diff --git a/src/shared/components/Settings/Profile/ExternalLinks/styles.scss b/src/shared/components/Settings/Profile/ExternalLinks/styles.scss
index 1e8a5bbb13..d012d9edb1 100644
--- a/src/shared/components/Settings/Profile/ExternalLinks/styles.scss
+++ b/src/shared/components/Settings/Profile/ExternalLinks/styles.scss
@@ -21,7 +21,7 @@
           color: $tc-gray-40;
           font-size: 12px;
 
-          @include sofia-pro-regular;
+          @include roboto-regular;
         }
 
         &:disabled {
@@ -94,7 +94,7 @@
     margin-bottom: 10px;
     border-radius: 4px;
 
-    @include sofia-pro-medium;
+    @include roboto-medium;
 
     i {
       color: #7f7f7f;
@@ -175,7 +175,7 @@
       margin-top: 10px;
 
       .handle {
-        @include sofia-pro-light;
+        @include roboto-light;
 
         font-size: 18px;
         height: 20px;
@@ -188,12 +188,12 @@
         font-size: 12px;
         line-height: 14px;
 
-        @include sofia-pro-medium;
+        @include roboto-medium;
       }
 
       .pending {
         p {
-          @include sofia-pro-regular;
+          @include roboto-regular;
 
           font-size: 16px;
           color: $tc-gray-90;
@@ -233,7 +233,7 @@
       }
 
       .link-title {
-        @include sofia-pro-medium;
+        @include roboto-medium;
 
         font-size: 12px;
         line-height: 20px;
@@ -288,7 +288,7 @@
       text-align: center;
       padding: 0;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       i {
         color: #7f7f7f;
@@ -346,7 +346,7 @@
             margin: 10px 0 10px 0;
             width: 90px;
 
-            @include sofia-pro-medium;
+            @include roboto-medium;
 
             .value {
               color: $tc-gray-90;
@@ -485,7 +485,7 @@
   }
 
   .deletion-confirmation-title {
-    @include sofia-pro-medium;
+    @include roboto-medium;
 
     font-size: 20px;
     line-height: 24px;
@@ -511,7 +511,7 @@
       button {
         text-transform: uppercase;
 
-        @include sofia-pro-medium;
+        @include roboto-medium;
 
         font-size: 12px;
       }
@@ -522,7 +522,7 @@
         border: 1px solid $tc-dark-blue;
         text-transform: uppercase;
 
-        @include sofia-pro-medium;
+        @include roboto-medium;
 
         font-size: 12px;
 
@@ -581,7 +581,7 @@
       .provider {
         margin-top: 8px;
 
-        @include sofia-pro-medium;
+        @include roboto-medium;
 
         font-size: 12px;
         line-height: 13px;
@@ -601,7 +601,7 @@
     .status {
       font-size: 10px;
 
-      @include sofia-pro-medium;
+      @include roboto-medium;
 
       margin-top: 10px;
       text-transform: uppercase;
diff --git a/src/shared/components/Settings/style.scss b/src/shared/components/Settings/style.scss
index 639b3bbdca..4064188c61 100644
--- a/src/shared/components/Settings/style.scss
+++ b/src/shared/components/Settings/style.scss
@@ -249,7 +249,7 @@ $checkbox-bg-selected: $tc-dark-blue;
       }
 
       h2 {
-        @include sofia-pro-medium;
+        @include roboto-medium;
 
         font-size: 16px;
         text-transform: uppercase;
@@ -292,7 +292,7 @@ $checkbox-bg-selected: $tc-dark-blue;
       }
 
       .form-label {
-        @include sofia-pro-medium;
+        @include roboto-medium;
 
         color: $tc-gray-90;
         font-size: 12px;
@@ -319,7 +319,7 @@ $checkbox-bg-selected: $tc-dark-blue;
       }
 
       .form-input-error {
-        @include sofia-pro-regular;
+        @include roboto-regular;
 
         background-color: $tc-red-10;
         border: 1px solid $tc-red-30;
diff --git a/src/shared/components/TopcoderHeader/desktop/SubMenu/Item/style.scss b/src/shared/components/TopcoderHeader/desktop/SubMenu/Item/style.scss
index 27913a6bd5..df4a823db9 100644
--- a/src/shared/components/TopcoderHeader/desktop/SubMenu/Item/style.scss
+++ b/src/shared/components/TopcoderHeader/desktop/SubMenu/Item/style.scss
@@ -4,7 +4,7 @@
   display: inline-block;
   width: 150px;
   height: 100%;
-  font-family: 'Sofia Pro', sans-serif;
+  font-family: 'BarlowCondensed', sans-serif;
   font-size: 12px;
   font-weight: 300;
   line-height: 14px;
diff --git a/src/shared/components/TopcoderHeader/mobile/Menu/style.scss b/src/shared/components/TopcoderHeader/mobile/Menu/style.scss
index 22540fbbc7..066fcfa3dd 100644
--- a/src/shared/components/TopcoderHeader/mobile/Menu/style.scss
+++ b/src/shared/components/TopcoderHeader/mobile/Menu/style.scss
@@ -30,7 +30,7 @@
 .x-cross {
   color: $tc-white;
   cursor: pointer;
-  font: 100 48px "Sofia Pro", sans-serif;
+  font: 100 48px 'Roboto', sans-serif;
   position: absolute;
   right: 12px;
   top: -18px;
diff --git a/src/shared/components/TopcoderHeader/mobile/Search/style.scss b/src/shared/components/TopcoderHeader/mobile/Search/style.scss
index 5cc5de2e57..1dce2dd221 100644
--- a/src/shared/components/TopcoderHeader/mobile/Search/style.scss
+++ b/src/shared/components/TopcoderHeader/mobile/Search/style.scss
@@ -15,7 +15,7 @@
     border: 1px solid $tc-gray-60;
     box-shadow: none;
     color: $tc-white;
-    font: 16px "Sofia Pro", sans-serif;
+    font: 16px 'Roboto', sans-serif;
     height: 32px;
     outline: none;
     padding-left: 30px !important;
diff --git a/src/shared/components/TopcoderHeader/mobile/SubMenu/style.scss b/src/shared/components/TopcoderHeader/mobile/SubMenu/style.scss
index 8bfe499c26..18ce4f1477 100644
--- a/src/shared/components/TopcoderHeader/mobile/SubMenu/style.scss
+++ b/src/shared/components/TopcoderHeader/mobile/SubMenu/style.scss
@@ -2,7 +2,7 @@
 
 .item {
   color: $tc-white;
-  font: 500 14px "Sofia Pro", sans-serif;
+  font: 500 14px "BarlowCondensed", sans-serif;
   margin: 9px 18px;
   text-transform: uppercase;
 
@@ -17,7 +17,7 @@
 
 .title {
   color: $tc-gray-40;
-  font: 500 18px "Sofia Pro", sans-serif;
+  font: 500 18px "BarlowCondensed", sans-serif;
   margin: 9px 18px;
   text-transform: uppercase;
 }
diff --git a/src/shared/components/TopcoderHeader/style.scss b/src/shared/components/TopcoderHeader/style.scss
index eeccee521d..6a3d16c6e9 100644
--- a/src/shared/components/TopcoderHeader/style.scss
+++ b/src/shared/components/TopcoderHeader/style.scss
@@ -12,7 +12,7 @@
 
 .header {
   position: relative;
-  font-family: 'Sofia Pro', sans-serif;
+  font-family: 'Roboto', sans-serif;
   flex: none;
 }
 
diff --git a/src/shared/containers/EDU/Tracks.jsx b/src/shared/containers/EDU/Tracks.jsx
index db827da600..c56164f40d 100644
--- a/src/shared/containers/EDU/Tracks.jsx
+++ b/src/shared/containers/EDU/Tracks.jsx
@@ -84,6 +84,16 @@ export default class EDUTracks extends React.Component {
         ? urlQuery.tags : (urlQuery.tags ? [urlQuery.tags] : []);
       if (urlQuery.startDate) urlQuery.startDate = moment(urlQuery.startDate).format();
       if (urlQuery.endDate) urlQuery.endDate = moment(urlQuery.endDate).format();
+      // validate track string in URL query
+      // set CP if missing or wrong
+      const tracks = _.keys(TRACK_BANNER_BACK_COLORS);
+      if (!urlQuery.track || _.indexOf(tracks, urlQuery.track) === -1) {
+        urlQuery.track = 'Competitive Programming';
+        updateQuery({
+          ...query,
+          ...urlQuery,
+        });
+      }
       this.setState({
         query: {
           ...query,
@@ -96,6 +106,27 @@ export default class EDUTracks extends React.Component {
     // Get the EDU taxonomy
     this.apiService.getEDUTaxonomy()
       .then((taxonomy) => {
+        if (urlQuery.tax) {
+          // check if tax exists or is wrong
+          const foundSome = _.some(
+            _.flatten(
+              _.values(taxonomy),
+            ), cat => cat.name.toLowerCase() === urlQuery.tax.toLowerCase(),
+          );
+          if (!foundSome) {
+            delete urlQuery.tax;
+            updateQuery({
+              ...query,
+              ...urlQuery,
+            });
+            this.setState({
+              query: {
+                ...query,
+                ...urlQuery,
+              },
+            });
+          }
+        }
         const tree = tracksTreeBuilder(taxonomy, urlQuery);
         this.setState({
           tree,
diff --git a/src/shared/services/contentful.js b/src/shared/services/contentful.js
index ded9dacaf7..81b7dd1e1c 100644
--- a/src/shared/services/contentful.js
+++ b/src/shared/services/contentful.js
@@ -316,12 +316,10 @@ class Service {
       // thus we need to find it first
       await this.queryEntries({
         content_type: 'person',
-        query: author,
+        query: encodeURIComponent(author),
       })
         .then((result) => {
-          if (result.total) {
-            query['fields.contentAuthor.sys.id'] = result.items[0].sys.id;
-          }
+          query['fields.contentAuthor.sys.id'] = result.total ? result.items[0].sys.id : 'NO_SUCH_ID';
         });
     }
     if (tax && track && taxonomy && taxonomy[track]) {
@@ -335,19 +333,19 @@ class Service {
           }
         });
       } else {
-        const taxId = _.find(taxonomy[track], ['name', tax]).id;
-        taxIDs.push(taxId);
+        const taxId = _.find(taxonomy[track], ['name', tax]);
+        if (taxId) taxIDs.push(taxId.id);
       }
       if (taxIDs.length) query['fields.contentCategory.sys.id[in]'] = taxIDs.join(',');
     }
     if (track) query['fields.trackCategory'] = track;
     if (!_.isEmpty(tags)) {
-      query['fields.tags[all]'] = tags.join(',');
+      query['fields.tags[all]'] = tags.map(t => encodeURIComponent(t)).join(',');
     }
     if (startDate) query['fields.creationDate[gte]'] = startDate;
     if (endDate) query['fields.creationDate[lte]'] = endDate;
-    if (phrase) query.query = phrase;
-    if (title) query['fields.title[match]'] = title;
+    if (phrase) query.query = encodeURIComponent(phrase);
+    if (title) query['fields.title[match]'] = encodeURIComponent(title);
     if (sortBy) {
       switch (sortBy) {
         case 'Likes': query.order = '-fields.upvotes,-fields.creationDate'; break;
diff --git a/src/styles/_global/_fonts.scss b/src/styles/_global/_fonts.scss
index c13e8f6378..b14c8d0d1d 100644
--- a/src/styles/_global/_fonts.scss
+++ b/src/styles/_global/_fonts.scss
@@ -52,19 +52,6 @@
   }
 }
 
-/* Sofia Pro font is currently used in the Topcoder footer
-  and header. */
-@include font-family('Sofia Pro', 300, normal, '../assets/fonts/sofiapro/', 'sofiapro-light-webfont');
-@include font-family('Sofia Pro', 300, italic, '../assets/fonts/sofiapro/', 'sofiapro-light-italic-webfont');
-@include font-family('Sofia Pro', 400, normal, '../assets/fonts/sofiapro/', 'sofiapro-regular-webfont');
-@include font-family('Sofia Pro', 400, italic, '../assets/fonts/sofiapro/', 'sofiapro-regular-italic-webfont');
-@include font-family('Sofia Pro', 500, normal, '../assets/fonts/sofiapro/', 'sofiapro-medium-webfont');
-@include font-family('Sofia Pro', 500, italic, '../assets/fonts/sofiapro/', 'sofiapro-medium-italic-webfont');
-@include font-family('Sofia Pro', 600, normal, '../assets/fonts/sofiapro/', 'sofiapro-semibold-webfont');
-@include font-family('Sofia Pro', 600, italic, '../assets/fonts/sofiapro/', 'sofiapro-semibold-italic-webfont');
-@include font-family('Sofia Pro', 700, normal, '../assets/fonts/sofiapro/', 'sofiapro-bold-webfont');
-@include font-family('Sofia Pro', 700, italic, '../assets/fonts/sofiapro/', 'sofiapro-bold-italic-webfont');
-
 /* OpenSans font is being used by the new design of community pages */
 @include font-family('Open Sans', 300, normal, 'assets/fonts/opensans/', 'opensans-light-webfont');
 @include font-family('Open Sans', 300, italic, 'assets/fonts/opensans/', 'opensans-lightitalic-webfont');
diff --git a/src/styles/_mixins/_typography.scss b/src/styles/_mixins/_typography.scss
index ab68135764..bad7263c49 100644
--- a/src/styles/_mixins/_typography.scss
+++ b/src/styles/_mixins/_typography.scss
@@ -2,40 +2,9 @@
  * Defines typography/font related mixins not currently implemented in topcoder-react-ui-ki
  */
 
-@mixin sofia-pro-extra-light {
-  font-family: 'Sofia Pro', Arial, Helvetica, sans-serif;
-  font-weight: 200;
-}
-
-@mixin sofia-pro-light {
-  font-family: 'Sofia Pro', Arial, Helvetica, sans-serif;
-  font-weight: 300;
-}
-
-@mixin sofia-pro-regular {
-  font-family: 'Sofia Pro', Arial, Helvetica, sans-serif;
-  font-weight: 400;
-}
-
-@mixin sofia-pro-italic {
-  @include sofia-pro-regular;
-
-  font-style: italic;
-}
-
-@mixin sofia-pro-medium {
-  font-family: 'Sofia Pro', Arial, Helvetica, sans-serif;
-  font-weight: 500;
-}
-
-@mixin sofia-pro-semi-bold {
-  font-family: 'Sofia Pro', Arial, Helvetica, sans-serif;
-  font-weight: 600;
-}
-
-@mixin sofia-pro-bold {
-  font-family: 'Sofia Pro', Arial, Helvetica, sans-serif;
-  font-weight: bold;
+@mixin roboto-extra-light {
+  font-family: 'Roboto', Arial, Helvetica, sans-serif;
+  font-weight: 100;
 }
 
 @mixin merriweather-sans-light {
diff --git a/src/styles/awesome.css b/src/styles/awesome.css
index c0dc23bb1e..03b1fc343a 100644
--- a/src/styles/awesome.css
+++ b/src/styles/awesome.css
@@ -79,7 +79,7 @@
 
 .rrt-text {
   margin-top: 10px;
-  font-family: 'Sofia Pro', Arial, Helvetica, sans-serif;
+  font-family: 'Roboto', Arial, Helvetica, sans-serif;
   font-weight: 300 !important;
   font-size: 16px !important;
 }