.bg-blue {
      background: linear-gradient(180deg, #6090BA 0%, #3B80B6 100%);
      border-radius: 9px;
      margin-top: 0px;
      margin-left: 45px;
      margin-right: 45px;
  }

  .content-caption,
  .content-logo {
      left: 0;
      text-align: center
  }

  .content-caption,
  .content-logo,
  .menu {
      width: 100%;
      position: absolute
  }

  h1,
  h2 {
      margin-bottom: 5px;
      font-family: sans-serif
  }

  .content-caption,
  .content-logo,
  li a {
      text-align: center
  }

  h1,
  h2,
  h3,
  li a {
      font-family: 'Balthazar', serif;
      color: #fff;
      cursor: pointer
  }

  body,
  html {
      height: 100%;
      margin: 0;
  }

  .background {
      background-image: url(landing-img/new-bg.png);
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 100%;
    
  }

  .content-logo {
      top: 30%
  }

  .content-caption {
      top: 60%
  }

  .logo {
      max-width: 150px
  }

  .menu {
      top: 10%
  }

  h1 {
      font-size: 35px;
      font-weight: 600
  }

  h2 {
      font-weight: 500;
      margin-top: 5px
  }

  h3 {
      font-weight: 200;
      margin-top: 25px;
      font-size: 21px
  }

  ul {
      -webkit-margin-before: 0;
      list-style-type: none;
      padding: 0;
      overflow: hidden;
      width: 100%;
      margin-right: auto;
      margin-left: auto;
      text-align: center;
  }

  li {
      width: auto;
      display: inline-block;
      border-right: 1px solid #fff;
      margin-top: 10px;
      margin-bottom: 10px;
      padding-right: 24px;
      padding-left: 20px;
  }

  li:nth-child(5) {
      border-right: transparent
  }

  li a {
      letter-spacing: 1px;
      font-weight: 500;
      font-size: 20px;
      display: block;
      padding: 6px 0px;
      text-decoration: none;
      border: 4px solid transparent
  }

  li a span {
      font-size: 13px;
  }

  li a:hover {
      border: 4px solid #fff
  }

  .footer-social {
      display: flex;
      text-align: center;
      justify-content: center;
      flex: 1;
      flex-direction: row;
      margin-top: 25px;
     
  }

  .footer-social span {
      padding: 0 5px;
      color: #fff;
      font-size: 20px;
      border-bottom: 1px solid #fff;
      border-collapse: separate;
      border-spacing: 10px;
  }


  @media only screen and (max-width:768px) {
      .menu {
          top: 8%;
          position:relative !important;

      }

      .content-caption {
          top: 65%
      }

      .content-logo {
          top: 65px;
          position: relative !important;
      }
        .content-caption {
            top: 45px;
            position: relative !important;
        }

      .logo {
          max-width: 120px
      }

      ul {
          -moz-column-count: 1;
          -moz-column-gap: 20px;
          -webkit-column-count: 1;
          -webkit-column-gap: 20px;
          column-count: 1;
          column-gap: 20px
      }

      li {
          float: left;
          width: 100%;
          margin-top:0px;
      }

      li a {
          font-size: 14px
      }

      li a:hover {
          border: 4px solid #fff
      }

      h1 {
          font-size: 25px
      }

      h2 {
          font-size: 17px
      }

      h3 {
          font-size: 15px
      }
     
  }


  @media (min-width: 1280px) and (max-width: 1400px) {    
    li{
        padding-left: 0;
        padding-right: 0;
    }

  }