body {
    background-color:#fff;
    margin: 0;
    overflow: hidden;
  }
  div.header {
    border-bottom: 1px solid #909090;
  }
  div.header div.logo {
    margin: 0 auto;
    max-width: 1440px;
    padding: 38px 50px;
  }
  div.header div.mobile-logo {
    display: none;
  }
  div.main {
    max-width: 1440px;
    margin: 0 auto;
    height: calc(100vh - 120px);
    display: flex;
    padding-right: 40px;
  }
  div.nav {
    height: calc(100vh - 120px);
    width: 66%;
    padding: 40px;
  }
  div.section {
    height: calc(100vh - 120px);
    width: 34%;
    background-color: #f5f8fa;
  }
  div.nav > div {
    background: linear-gradient(30deg,#f3f2ef 20%,rgba(243,242,239,0) 40%,rgba(243,242,239,0) 60%,#f3f2ef 80%);
    background-size: 200%;
    animation: strobe 1s linear infinite;
    height: calc(33% - 40px);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
  }
  @keyframes strobe {
    0% {
      background-position: 200%;
    }
    100% {
      background-position: 0%;
    }
  }
  @media (max-width: 991px) {
    div.main {
      padding-right: 10px;
    }
    div.nav {
      padding: 20px;
    }
    div.header div.mobile-logo {
      display: block;
      padding: 13px 20px;
    }
    div.header div.logo {
      display: none;
    }
    div.header div.mobile-logo img {
      width: 114px;
    }
    div.main {
      height: calc(100vh - 70px);
    }
    div.nav {
      height: calc(100vh - 70px);
    }
    div.section {
      height: calc(100vh - 70px);
    }
    div.nav > div {
      height: calc(33% - 25px);
    }
  }
  @media (max-width: 766px) {
    div.section {
      display: none;
    }
    div.nav {
      width: 100%;
    }
    div.main {
      padding-right: 0;
    }
    div.nav > div {
      background-size: 300%;
    }
    @keyframes strobe {
      0% {
        background-position: 300%;
      }
      100% {
        background-position: 0%;
      }
    }
  }