#nav-header .nav__list {
  max-height: 60px; }

.container {
  background: url("/resources/images/background-textured-gray.png");
  background-size: cover;
  display: flex;
  justify-content: center; }
  .container .widget {
    flex: 0 0 75%;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px 4px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    margin: 50px 0; }
    @media screen and (max-width: 576px) {
      .container .widget {
        flex: 0 0 90%; } }
    .container .widget header {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      font-family: 'Comfortaa', Arial, sans-serif;
      font-style: normal;
      font-weight: 700; }
      .container .widget header .title {
        color: #00C0F3;
        font-size: 32px;
        line-height: 40px;
        margin: 30px 0 10px 0; }
      .container .widget header .subtitle {
        color: #0F3D58;
        font-size: 32px;
        line-height: 40px; }
      .container .widget header .description {
        font-family: "Montserrat", Arial, sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        margin: 15px 0; }
    .container .widget .lobContainer {
      margin: 25px 100px; }
      @media screen and (max-width: 576px) {
        .container .widget .lobContainer {
          margin: 25px; } }
      .container .widget .lobContainer .lobInfo {
        display: flex;
        justify-content: space-between;
        text-align: center;
        color: #0F3D58;
        border-bottom: 1px solid #E4E8F0; }
        .container .widget .lobContainer .lobInfo h2 {
          font-family: 'Barlow Semi Condensed', Arial, sans-serif;
          font-weight: 400;
          font-size: 20px;
          line-height: 24px;
          margin-bottom: 10px; }
        .container .widget .lobContainer .lobInfo p {
          font-family: "Montserrat", Arial, sans-serif;
          font-weight: 300;
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 25px; }
        .container .widget .lobContainer .lobInfo a {
          color: #00C0F3;
          text-decoration: underline; }
        .container .widget .lobContainer .lobInfo a:hover {
          text-decoration: none; }
    .container .widget .lobLinksTitle {
      font-family: 'Barlow Semi Condensed', Arial, sans-serif;
      font-weight: 400;
      font-size: 24px;
      line-height: 29px;
      color: #363636;
      margin: 20px 0; }
      @media screen and (max-width: 768px) {
        .container .widget .lobLinksTitle {
          margin: 20px 0 10px; } }
    .container .widget .linkContainer {
      display: flex;
      justify-content: space-between; }
      .container .widget .linkContainer a {
        color: #00C0F3;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px; }
      .container .widget .linkContainer a:hover {
        text-decoration: underline; }
      .container .widget .linkContainer .linkHeader {
        font-family: 'Barlow Semi Condensed', Arial, sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        color: #0F3D58;
        margin-bottom: 10px; }

@media screen and (max-width: 768px) {
  header {
    margin: 10px 10px 15px 10px; }
  .lobInfo {
    flex-direction: column; }
  .linkContainer {
    flex-direction: column; }
  .lobLinksTitle {
    margin: 10px 0; }
  .linkHeader {
    margin-top: 10px; } }