@media print, screen and (min-width: 769px) {
  article section {
    width: 1200px;
    margin: 0 auto 100px auto;
    clear: both; }
    article section h2 {
      font-weight: 700;
      font-size: 3em;
      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 {
      position: relative;
      margin-bottom: 30px; }
      article section #speakers ul li {
        overflow: hidden;
        float: left;
        width: 20%;
        position: relative;
        opacity: 0;
        top: -10px;
        -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 {
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          z-index: 10; }
        article section #speakers ul li figure {
          padding: 0;
          margin: 0; }
        article section #speakers ul li img {
          position: relative;
          z-index: -1;
          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 {
          position: absolute;
          z-index: -2;
          -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:nth-of-type(1) {
        margin: 0 35%;
        width: 30%;
        clear: both;
        margin-bottom: 20px; }
      article section #speakers ul li:nth-of-type(2) {
        margin: 0 37%;
        width: 26%;
        clear: both;
        margin-bottom: 20px; }
      article section #speakers ul li:nth-of-type(1),
      article section #speakers ul li:nth-of-type(2) {
        border: 1px solid #eee; }
      article section #speakers ul li:nth-of-type(3) {
        clear: both; }
      article section #speakers 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 {
        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 {
        position: absolute;
        left: 0;
        bottom: 20px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.75); }
        article section #speakers ul p a {
          display: block;
          color: #fff;
          text-decoration: none;
          font-size: 1em; }
    article section #speakers ul:after {
      content: "";
      display: block;
      clear: both; }
    article section #speakers > p {
      text-align: center; } }