header {
  height: 100%; }
  header .navbar {
    height: unset; }
    header .navbar .navbar-brand {
      min-height: 0px; }
      header .navbar .navbar-brand img {
        max-width: 255px;
        width: 100%;
        padding-top: 5px;
        width: 100%; }
    header .navbar .container .social {
      width: 100%;
      margin-left: 10px;
      width: 50%;
      padding-top: 13px; }
      header .navbar .container .social .sidelinks {
        padding-top: 10px; }
      header .navbar .container .social .searchTrigger form {
        width: 90vw;
        margin: auto;
        width: 220px; }

.navbar .container {
  display: flex;
  flex-wrap: unset;
  padding-top: 10px;
  max-width: 100%; }

.navbar.navbar-expand-lg .container {
  max-width: unset; }

#TopBar__Mobile {
  margin-top: 5px;
  display: none; }
  #TopBar__Mobile .Navbar__handle svg {
    fill: #050556;
    width: 40px;
    height: 40px; }

.social-mobile {
  display: none; }
  .social-mobile .fab {
    font-size: 2.5em;
    color: #080058;
    width: 30px; }
    .social-mobile .fab:before {
      font-size: 30px; }

.logo-container {
  width: 45vw;
  display: flex; }

.logo {
  display: block;
  margin-left: 20px;
  display: flex;
  width: 50%; }

.logo-social-container {
  display: block;
  margin-bottom: 10px;
  display: flex;
  width: 100%; }

.tag-line {
  padding-top: 10px;
  color: #0855f5;
  font-weight: bold;
  width: 100%;
  padding-left: 20px;
  padding-top: 0px;
  padding-top: 40px; }

.searchTrigger {
  top: 20vh;
  left: 0px;
  width: 36px;
  height: 36px;
  background: url("/layout/search_icon_mobile.png");
  background-position-y: 0;
  cursor: pointer; }
  .searchTrigger .searchTrigger_left {
    float: left;
    width: 50%; }
  .searchTrigger .searchTrigger_right {
    float: right;
    width: 50%;
    text-align: right;
    display: none;
    display: inline-block; }
    .searchTrigger .searchTrigger_right img {
      width: 13vw;
      max-width: 177px;
      position: absolute;
      top: 0px;
      right: 0px; }

.searchTrigger-mobile-container {
  display: none;
  margin-top: 4px; }

.logo-social-mobile-container {
  display: flex; }

@media (max-width: 1280px) {
  header .navbar {
    height: unset; }
    header .navbar .container .social {
      padding-top: 5px; }
    header .navbar .navbar-brand img {
      width: 15vw; }
  .searchTrigger .searchTrigger_right img {
    width: 10vw; }
  .tag-line {
    padding-top: 25px; } }

@media (max-width: 1110px) {
  .logo {
    width: 40vw; }
  .tag-line {
    padding-top: 15px; } }

@media (max-width: 1025px) {
  .logo {
    margin-left: 0px;
    width: 35vw; }
  .tag-line {
    padding-top: 0px; }
  header .navbar .navbar-brand img {
    width: 15vw; }
  header .navbar .container .social {
    padding-top: 0px; } }

@media (max-width: 880px) {
  header {
    height: 100%;
    border-bottom: 2px solid #080058;
    padding-bottom: 5px; }
    header .navbar .navbar-brand img {
      width: 115px; }
    header .navbar .container .social {
      display: none; }
  .logo {
    margin-left: 10px;
    width: 70%; }
  .searchTrigger-container {
    display: none; }
  #TopBar__Mobile {
    display: inline-block; }
  .searchTrigger-mobile-container {
    display: inline-block; }
  .social-mobile {
    display: flex;
    margin-left: 20px; }
    .social-mobile li {
      margin-right: 10px; }
  #___gcse_1 {
    width: 100%; }
  .gsc-control-cse {
    background-color: #f0f0f0;
    border: unset; }
  .logo-social-container {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%; }
  .logo {
    width: 100%; }
  .logo-container {
    width: 100%;
    display: inline-block; }
  .tag-line {
    padding-top: 5px;
    padding-left: 10px; } }

@media (max-width: 580px) {
  header .navbar .navbar-brand img {
    width: 90px; }
  #TopBar__Mobile .Navbar__handle svg {
    width: 20px;
    height: 30px; }
  .navbar.navbar-expand-lg .container {
    height: 90px; }
  .logo-container {
    width: 100%; }
  .logo {
    display: inline-block; }
  .tag-line {
    font-size: .8em; } }
