@media screen and (max-width: 768px) {
  article section {
    width: 90% !important;
    margin: 0 auto 60px auto; }
    article section h2 {
      font-weight: 700;
      font-size: 8vw;
      padding-bottom: 20px;
      margin-bottom: 20px;
      line-height: 1em;
      white-space: nowrap;
      -webkit-transition: all .5s ease-in-out;
      -moz-transition: all .5s ease-in-out;
      -ms-transition: all .5s ease-in-out;
      -o-transition: all .5s ease-in-out;
      transition: all .5s ease-in-out;
      text-align: center;
      position: relative; }
    article section h2:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      margin-left: -30px;
      bottom: 0;
      width: 60px;
      height: 1px;
      background: #000000; }
    article section #speakers ul,
    article section #speakers02 ul,
    article section #speakers03 ul {
      position: relative;
      left: 50%;
      -webkit-transform: translate(-50%, 0);
      -moz-transform: translate(-50%, 0);
      -o-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
      width: 90%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-bottom: 15px; }
      article section #speakers ul li,
      article section #speakers02 ul li,
      article section #speakers03 ul li {
        overflow: hidden;
        float: left;
        width: 50%;
        position: relative;
        opacity: 0;
        top: -10px;
        background: #000000;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out; }
        article section #speakers ul li > a,
        article section #speakers02 ul li > a,
        article section #speakers03 ul li > a {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 10; }
        article section #speakers ul li figure,
        article section #speakers02 ul li figure,
        article section #speakers03 ul li figure {
          padding: 0;
          margin: 0; }
        article section #speakers ul li img,
        article section #speakers02 ul li img,
        article section #speakers03 ul li img {
          position: relative;
          z-index: 2;
          width: 100%;
          -webkit-transition: all .5s ease-in-out;
          -moz-transition: all .5s ease-in-out;
          -ms-transition: all .5s ease-in-out;
          -o-transition: all .5s ease-in-out;
          transition: all .5s ease-in-out;
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1); }
        article section #speakers ul li > img:last-child,
        article section #speakers02 ul li > img:last-child,
        article section #speakers03 ul li > img:last-child {
          position: absolute;
          z-index: 1;
          -webkit-transform: scale(1.05);
          -moz-transform: scale(1.05);
          -ms-transform: scale(1.05);
          -o-transform: scale(1.05);
          transform: scale(1.05);
          left: 0;
          top: 0; }
      article section #speakers ul li.animate,
      article section #speakers02 ul li.animate,
      article section #speakers03 ul li.animate {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1); }
      article section #speakers ul li:hover figure img,
      article section #speakers02 ul li:hover figure img,
      article section #speakers03 ul li:hover figure img {
        opacity: 0;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05); }
      article section #speakers ul p,
      article section #speakers02 ul p,
      article section #speakers03 ul p {
        position: inherit;
        display: block;
        padding: 10px;
        background: #000000; }
        article section #speakers ul p a,
        article section #speakers02 ul p a,
        article section #speakers03 ul p a {
          display: block;
          color: #ffffff;
          text-decoration: none; }
        article section #speakers ul p a:nth-of-type(1),
        article section #speakers02 ul p a:nth-of-type(1),
        article section #speakers03 ul p a:nth-of-type(1) {
          font-size: 3.25vw;
          white-space: nowrap; }
        article section #speakers ul p a:nth-of-type(2),
        article section #speakers02 ul p a:nth-of-type(2),
        article section #speakers03 ul p a:nth-of-type(2) {
          font-size: 2.5vw; }
    article section #speakers ul:after,
    article section #speakers02 ul:after,
    article section #speakers03 ul:after {
      content: "";
      display: block;
      clear: both; }
    article section #speakers > p,
    article section #speakers02 > p,
    article section #speakers03 > p {
      text-align: center; } }