New mobile header

Add job pages
More news button on home page links to news page
Small mobile fixes for new page and other pages

public/css/style.css

@@ -30,10 +30,11 @@ body {
   margin: 0 auto;
 }
 
-.grey_background {
-  background-color: #f9f9f9;
+@media (min-width: 768px) {
+  .grey_background {
+    background-color: #f9f9f9;
+  }
 }
-
 .content_container {
   padding-right: 50px;
 }
@@ -66,6 +67,9 @@ body {
   text-decoration: none;
   text-transform: uppercase;
 }
+.btn:hover, .btn:active {
+  color: #fff;
+}
 .btn.auto_width {
   width: fit-content;
   margin: 0 auto;
@@ -356,17 +360,15 @@ div.pp_default .pp_close:hover {
 }
 
 .menu_mobile_container {
-  height: 30px;
+  height: 46px;
   padding: 12px 0;
+  background-color: #10229c;
 }
 .menu_mobile_container .mobile_menu_button a {
   display: block;
   width: 20px;
   height: 21px;
   padding: 4px 10px 4px 11px;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  background-color: #10229c;
   margin-right: 12px;
 }
 .menu_mobile_container .mobile_menu_button a i {
@@ -387,9 +389,15 @@ div.pp_default .pp_close:hover {
   flex-grow: 1;
 }
 .menu_mobile_container .right_menu_container ul.right_menu li {
-  padding: 5px 19px;
+  padding: 0 10px;
   margin: 0;
 }
+.menu_mobile_container .right_menu_container ul.right_menu li a.with_svg_icon {
+  margin-right: 10px;
+}
+.menu_mobile_container .right_menu_container ul.right_menu li a svg {
+  position: static;
+}
 .menu_mobile_container .right_menu_container ul.right_menu li .search_form {
   height: 25px;
 }
@@ -753,20 +761,38 @@ div.pp_default .pp_close:hover {
 .box {
   display: inline-block;
   width: auto;
-  padding: 30px 23px 30px 30px;
-  border-radius: 3px;
-  box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
   background-color: #fff;
   margin-bottom: 50px;
 }
-.box.full-width {
-  width: calc(100% - 60px);
+@media (min-width: 768px) {
+  .box {
+    border-radius: 3px;
+    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
+    padding: 30px 23px 30px 30px;
+  }
+}
+@media (max-width: 768px) {
+  .box {
+    padding: 10px 10px 10px 10px;
+  }
+}
+@media (min-width: 768px) {
+  .box.full-width {
+    width: calc(100% - 60px);
+  }
+}
+@media (max-width: 768px) {
+  .box.full-width {
+    width: calc(100% - 20px);
+  }
 }
 .box.full-height {
   height: calc(100% - 103px);
 }
-.box.margin_top {
-  margin-top: 80px;
+@media (min-width: 768px) {
+  .box.md_margin_top {
+    margin-top: 77px;
+  }
 }
 
 .tabs {
@@ -819,6 +845,8 @@ div.pp_default .pp_close:hover {
 }
 .blog .post {
   margin-bottom: 27px;
+}
+.blog .post:not(.auto_height) {
   height: 90px;
 }
 .blog .post img {
@@ -1078,6 +1106,10 @@ div.pp_default .pp_close:hover {
   white-space: nowrap;
 }
 
+.news .blog .post {
+  height: 115px;
+}
+
 .bread_crumb {
   height: 38px;
   margin: 0;
@@ -1102,21 +1134,35 @@ div.pp_default .pp_close:hover {
 .bread_crumb li i {
   font-size: 8px;
 }
+@media (max-width: 768px) {
+  .bread_crumb li:nth-last-child(-n+2) {
+    display: none;
+  }
+}
 
 .page_title {
   margin: 17px 0;
   font-family: Montserrat, serif;
-  font-size: 40px;
+  font-size: 30px;
   font-weight: 600;
   line-height: 1.15;
   text-align: left;
   color: #282828;
 }
+@media (min-width: 768px) {
+  .page_title {
+    font-size: 40px;
+  }
+}
 
 .post_container {
   max-width: 1170px;
   margin: 0 auto;
-  padding: 32px 0;
+}
+@media (min-width: 768px) {
+  .post_container {
+    padding: 32px 0;
+  }
 }
 .post_container > .col-8 {
   width: calc(66.66666667% - 20px);