#customer-section-title {
  text-align: center;
  margin: 3rem 0; }
  #customer-section-title h1 {
    font-size: 36px;
    color: #4e2b8a;
    text-align: center;
    font-family: Georgia, Times, 'Times New Roman';
    font-style: italic; }
    #customer-section-title p {
      font-size: 24px;
      text-align: center;
      color: #747474; }
      #customer-section-title p .sponsor-logo {
        vertical-align: middle;
        height: 47px;
        margin-left: 5px; }

#customer-section {
  line-height: 1.4;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-align: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap; }
  #customer-section div, #customer-section span, #customer-section applet,
  #customer-section object, #customer-section iframe, #customer-section h1,
  #customer-section h2, #customer-section h3, #customer-section h4,
  #customer-section h5, #customer-section h6, #customer-section p,
  #customer-section blockquote, #customer-section pre, #customer-section a,
  #customer-section abbr, #customer-section acronym, #customer-section address,
  #customer-section big, #customer-section cite, #customer-section code,
  #customer-section del, #customer-section dfn, #customer-section em,
  #customer-section img, #customer-section ins, #customer-section kbd,
  #customer-section q, #customer-section s, #customer-section samp,
  #customer-section small, #customer-section strike, #customer-section strong,
  #customer-section sub, #customer-section sup, #customer-section tt,
  #customer-section var, #customer-section b, #customer-section u,
  #customer-section i, #customer-section center, #customer-section dl,
  #customer-section dt, #customer-section dd, #customer-section ol,
  #customer-section ul, #customer-section li, #customer-section fieldset,
  #customer-section form, #customer-section label, #customer-section legend,
  #customer-section table, #customer-section caption, #customer-section tbody,
  #customer-section tfoot, #customer-section thead, #customer-section tr,
  #customer-section th, #customer-section td, #customer-section article,
  #customer-section aside, #customer-section canvas, #customer-section details,
  #customer-section embed, #customer-section figure, #customer-section figcaption,
  #customer-section footer, #customer-section header, #customer-section hgroup,
  #customer-section menu, #customer-section nav, #customer-section output,
  #customer-section ruby, #customer-section section, #customer-section summary,
  #customer-section time, #customer-section mark, #customer-section audio,
  #customer-section video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    color: #fff; }
    #customer-section article, #customer-section aside, #customer-section details,
    #customer-section figcaption, #customer-section figure, #customer-section footer,
    #customer-section header, #customer-section hgroup, #customer-section menu,
    #customer-section nav, #customer-section section {
      display: block; }
      #customer-section ol, #customer-section ul {
        list-style: none; }
        #customer-section blockquote, #customer-section q {
          quotes: none; }
          #customer-section blockquote:before, #customer-section blockquote:after,
          #customer-section q:before, #customer-section q:after {
            content: '';
            content: none; }
            #customer-section table {
              border-collapse: collapse;
              border-spacing: 0; }
              #customer-section #top-left {
                margin: 1rem 0;
                -webkit-flex: 1;
                -moz-flex: 1;
                -ms-flex: 1;
                -o-flex: 1;
                flex: 1;
                min-width: 100%;
                -ms-flex-order: 1;
                -webkit-order: 1;
                order: 1; }
                #customer-section #top-left #feature-articles {
                  display: -webkit-flex;
                  display: -moz-flex;
                  display: -ms-flexbox;
                  display: -o-flex;
                  display: flex;
                  -ms-flex-align: wrap;
                  -webkit-flex-wrap: wrap;
                  flex-wrap: wrap; }
                  #customer-section #top-left #feature-articles li .people {
                    background-color: #4e2b8a; }
                    #customer-section #top-left #feature-articles li .strategy {
                      background-color: #21b5af; }
                      #customer-section #top-left #feature-articles li .measurement_analytics {
                        background-color: #f1b712;
                        max-width: 165px; }
                  #customer-section #top-left #feature-articles li:nth-child(1) {
                    -webkit-flex: 1;
                    -moz-flex: 1;
                    -ms-flex: 1;
                    -o-flex: 1;
                    flex: 1;
                    min-width: 100%;
                    margin-bottom: 2rem; }
                    #customer-section #top-left #feature-articles li:nth-child(2) {
                      -webkit-flex: 1;
                      -moz-flex: 1;
                      -ms-flex: 1;
                      -o-flex: 1;
                      flex: 1;
                      min-width: 100%;
                      margin-bottom: 2rem; }
                      @media only screen and (min-width: 1024px) {
                        #customer-section #top-left #feature-articles li:nth-child(2) {
                          min-width: 50%;
                          margin-bottom: 0rem;
                          padding-right: 1rem;   }
}
                  #customer-section #top-left #feature-articles li:nth-child(3) {
                    -webkit-flex: 1;
                    -moz-flex: 1;
                    -ms-flex: 1;
                    -o-flex: 1;
                    flex: 1;
                    min-width: 100%; }
                    @media only screen and (min-width: 1024px) {
                      #customer-section #top-left #feature-articles li:nth-child(3) {
                        min-width: 50%;
                        padding-left: 1rem;   }
}
                  #customer-section #top-left #feature-articles li {
                    height: 290px; }
                    #customer-section #top-left #feature-articles li > a {
                      display: block;
                      height: inherit;
                      background-position: 50% 50%;
                      -moz-background-size: cover;
                      -webkit-background-size: cover;
                      -o-background-size: cover;
                      background-size: cover;
                      -moz-border-radius: 10px;
                      -webkit-border-radius: 10px;
                      -o-border-radius: 10px;
                      -ms-border-radius: 10px;
                      -khtml-border-radius: 10px;
                      border-radius: 10px; }
                      #customer-section #top-left #feature-articles li > a > article {
                        height: inherit;
                        -ms-flex-align: center;
                        -webkit-align-items: center;
                        align-items: center;
                        display: -webkit-flex;
                        display: -moz-flex;
                        display: -ms-flexbox;
                        display: -o-flex;
                        display: flex;
                        -moz-transition: 0.5s;
                        -webkit-transition: 0.5s;
                        -o-transition: 0.5s;
                        transition: 0.5s;
                        -moz-border-radius: 10px;
                        -webkit-border-radius: 10px;
                        -o-border-radius: 10px;
                        -ms-border-radius: 10px;
                        -khtml-border-radius: 10px;
                        border-radius: 10px; }
                        #customer-section #top-left #feature-articles li > a > article > div {
                          background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.86) 100%);
                          background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.86) 100%);
                          background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.86));
                          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',
                                                    endColorstr='#db000000',GradientType=0 );
                          -ms-flex-align: end;
                          -webkit-align-self: flex-end;
                          align-self: flex-end;
                          -webkit-flex: 1;
                          -moz-flex: 1;
                          -ms-flex: 1;
                          -o-flex: 1;
                          flex: 1;
                          -moz-border-radius: 10px;
                          -webkit-border-radius: 10px;
                          -o-border-radius: 10px;
                          -ms-border-radius: 10px;
                          -khtml-border-radius: 10px;
                          border-radius: 10px;
                          padding: 1.5rem;
                          font-size: 20px; }
                          #customer-section #top-left #feature-articles li > a > article > div > span {
                            display: inline-block;
                            line-height: 1.2;
                            padding: 0.2rem 1.2rem;
                            margin-bottom: 0.5rem;
                            -moz-transform: translate(-20px);
                            -webkit-transform: translate(-20px);
                            -o-transform: translate(-20px);
                            -ms-transform: translate(-20px);
                            transform: translate(-20px); }
                      #customer-section #top-left #feature-articles li > a:hover > article {
                        background: rgba(0, 0, 0, 0.15); }
  #customer-section #top-right {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 100%;
    margin: 1rem 0;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3; }
    #customer-section #top-right section {
      margin-bottom: 0.8rem;
      max-width: 330px; }
  #customer-section .other-articles {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
    -ms-flex-align: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
    text-align: right; }
    #customer-section .other-articles > div {
      -webkit-flex: 1;
      -moz-flex: 1;
      -ms-flex: 1;
      -o-flex: 1;
      flex: 1;
      min-width: 100%;
      padding: 1rem 0; }
      #customer-section .other-articles h3, #customer-section .other-articles li {
        border-bottom: 2px dotted rgba(255, 255, 255, 0.6); }
        #customer-section .other-articles h3 {
          font-size: 20px;
          text-align: center;
          padding: 1rem 0;
          margin: 0;
          color: #fff;
          font-weight: normal; }
          #customer-section .other-articles ul {
            margin: 0;
            text-align: left; }
            #customer-section .other-articles ul li {
              font-size: 15px;
              display: -webkit-flex;
              display: -moz-flex;
              display: -ms-flexbox;
              display: -o-flex;
              display: flex;
              padding: 1rem 0.5rem;
              -ms-flex-align: center;
              -webkit-align-items: center;
              align-items: center; }
              #customer-section .other-articles ul li .img {
                -webkit-flex: 1;
                -moz-flex: 1;
                -ms-flex: 1;
                -o-flex: 1;
                flex: 1;
                max-width: 90px;
                min-width: 90px; }
                #customer-section .other-articles ul li .img span {
                  display: block;
                  padding-top: 77%;
                  background-position: 50% 50%;
                  -moz-background-size: cover;
                  -webkit-background-size: cover;
                  -o-background-size: cover;
                  background-size: cover; }
              #customer-section .other-articles ul li a {
                -webkit-flex: 1;
                -moz-flex: 1;
                -ms-flex: 1;
                -o-flex: 1;
                flex: 1;
                color: #fff;
                display: block;
                padding-left: 1rem; }
                #customer-section .other-articles ul li a:hover {
                  text-decoration: underline; }
    #customer-section .other-articles .more {
      padding: 1rem 0.5rem 1rem 2rem;
      display: inline-block;
      color: #fff; }
      #customer-section .other-articles .more:hover {
        text-decoration: underline; }
        #customer-section .other-articles .more::after {
          content: ' ›'; }
    #customer-section .other-articles .wrap {
      padding: 0 1rem 1rem 1rem; }
      #customer-section .other-articles #ce-people .wrap {
        background-color: #4e2b8a; }
    #customer-section .other-articles #ce-stratagy .wrap {
      background-color: #21b5af; }
    #customer-section .other-articles #ce-measure .wrap {
      background-color: #f1b712; }
    #customer-section .other-articles #ce-resources {
      -webkit-flex: auto;
      -moz-flex: auto;
      -ms-flex: auto;
      -o-flex: auto;
      flex: auto; }
      #customer-section .other-articles #ce-resources .wrap {
        background-image: url(https://demo.idg.com.au/cmo/sections/customer_experience_management/resource-bg.jpg);
        background-position: 50% 50%;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -o-background-size: cover;
        background-size: cover; }
        #customer-section .other-articles #ce-resources .wrap span {
          text-align: center;
          padding-top: 0; }

@media only screen and (min-width: 768px) {
  #customer-section {
    -ms-flex-direction: row;
    flex-direction: row;   }
    #customer-section #top-left {
      min-width: auto;
      margin: 1rem;   }
    #customer-section #top-right {
      -webkit-flex: 0;
      -moz-flex: 0;
      -ms-flex: 0;
      -o-flex: 0;
      flex: 0;
      -ms-flex-preferred-size: 300px;
      flex-basis: 300px;
      margin: 1rem;
      min-width: auto;
      -ms-flex-order: 2;
      -webkit-order: 2;
      order: 2;   }
      #customer-section .other-articles {
        -ms-flex-order: 3;
        -webkit-order: 3;
        order: 3;   }
        #customer-section .other-articles > div {
          margin: 1rem 0;   }
          #customer-section .other-articles > div#ce-people {
            background: #4e2b8a;   }
            #customer-section .other-articles > div#ce-stratagy {
              background: #21b5af;   }
              #customer-section .other-articles > div#ce-measure {
                background: #f1b712;   }
        #customer-section .other-articles #ce-resources .wrap ul {
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          display: -o-flex;
          display: flex;   }
          #customer-section .other-articles #ce-resources .wrap ul li {
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            -o-flex: 1;
            flex: 1;
            border: 0;
            -ms-flex-align: wrap;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-direction: row;
            flex-direction: row;   }
            #customer-section .other-articles #ce-resources .wrap ul li .img,
            #customer-section .other-articles #ce-resources .wrap ul li a {
              min-width: 100%;
              padding-left: 0;
              text-align: center;
              -webkit-flex: 1;
              -moz-flex: 1;
              -ms-flex: 1;
              -o-flex: 1;
              flex: 1;   }
              #customer-section .other-articles #ce-resources .wrap ul li .img {
                -webkit-align-items: start;
                align-items: start;   }
                #customer-section .other-articles #ce-resources .wrap ul li img {
                  -webkit-align-items: start;
                  align-items: start;   }
}

@media only screen and (min-width: 850px) {
  #customer-section .other-articles > div {
    min-width: auto;
    margin: 1rem;   }
    #customer-section .other-articles #ce-resources {
      margin: 0;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
      padding: 1rem;   }
}

#rhs .other-articles {
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  -o-flex: 1;
  flex: 1;
  min-width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -ms-flex-align: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  text-align: right; }
  #rhs .other-articles > div {
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    flex: 1;
    min-width: 100%;
    padding: 1rem 0; }
    #rhs .other-articles h3, #rhs .other-articles li {
      border-bottom: 2px dotted rgba(255, 255, 255, 0.6); }
      #rhs .other-articles h3 {
        font-size: 20px;
        text-align: center;
        padding: 1rem 0;
        margin: 0;
        color: #fff;
        font-weight: normal; }
        #rhs .other-articles ul {
          margin: 0;
          text-align: left; }
          #rhs .other-articles ul li {
            font-size: 15px;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: -o-flex;
            display: flex;
            padding: 1rem 0.5rem;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center; }
            #rhs .other-articles ul li .img {
              -webkit-flex: 1;
              -moz-flex: 1;
              -ms-flex: 1;
              -o-flex: 1;
              flex: 1;
              max-width: 90px;
              min-width: 90px; }
              #rhs .other-articles ul li .img span {
                display: block;
                padding-top: 77%;
                background-position: 50% 50%;
                -moz-background-size: cover;
                -webkit-background-size: cover;
                -o-background-size: cover;
                background-size: cover; }
            #rhs .other-articles ul li a {
              -webkit-flex: 1;
              -moz-flex: 1;
              -ms-flex: 1;
              -o-flex: 1;
              flex: 1;
              color: #fff;
              display: block;
              padding-left: 1rem; }
              #rhs .other-articles ul li a:hover {
                text-decoration: underline; }
  #rhs .other-articles .more {
    padding: 1rem 0.5rem 1rem 2rem;
    display: inline-block;
    color: #fff; }
    #rhs .other-articles .more:hover {
      text-decoration: underline; }
      #rhs .other-articles .more::after {
        content: ' ›'; }
  #rhs .other-articles .wrap {
    padding: 0 1rem 1rem 1rem; }
    #rhs .other-articles #ce-people .wrap {
      background-color: #4e2b8a; }
  #rhs .other-articles #ce-stratagy .wrap {
    background-color: #21b5af; }
  #rhs .other-articles #ce-measure .wrap {
    background-color: #f1b712; }
  #rhs .other-articles #ce-resources {
    -webkit-flex: auto;
    -moz-flex: auto;
    -ms-flex: auto;
    -o-flex: auto;
    flex: auto; }
    #rhs .other-articles #ce-resources .wrap {
      background-image: url(https://demo.idg.com.au/cmo/sections/customer_experience_management/resource-bg.jpg);
      background-position: 50% 50%;
      -moz-background-size: cover;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
      #rhs .other-articles #ce-resources .wrap span {
        text-align: center;
        padding-top: 0; }

.cm-people, .cm-strategy, .cm-measurement-analytics {
  color: #fff;
  display: inline-block;
  padding: 0.5rem;
  font-size: 24px;
  font-weight: normal; }

  .cm-people {
    background: #4e2b8a; }

    .cm-strategy {
      background: #21b5af; }

      .cm-measurement-analytics {
        background: #f1b712; }