@media print, screen and (min-width: 769px) {
  article section#speakers_detail {
    width: 1000px;
    margin: 0 auto 100px auto;
    clear: both;
    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-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start; }
    article section#speakers_detail figure {
      width: 350px;
      position: relative;
      left: -20px;
      -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;
      opacity: 0; }
      article section#speakers_detail figure img {
        width: 100%; }
    article section#speakers_detail figure:before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      z-index: 100;
      background: #000000;
      position: absolute;
      right: 0;
      -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_detail figure.animate {
      left: 0;
      opacity: 1; }
    article section#speakers_detail figure.animate:before {
      width: 0%; }
    article section#speakers_detail div {
      width: 600px; }
      article section#speakers_detail div h3 {
        font-size: 3em;
        line-height: 1em;
        margin-bottom: 10px;
        position: relative;
        left: -20px;
        -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;
        opacity: 0;
        font-family: 'Sanomat Sans Web Bold';
        letter-spacing: 0.05em; }
      article section#speakers_detail div h4 {
        margin-bottom: 30px;
        line-height: 1.25em;
        font-size: 2em;
        position: relative;
        left: -20px;
        -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;
        opacity: 0; }
      article section#speakers_detail div h3:before,
      article section#speakers_detail div h4:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        z-index: 100;
        background: #000000;
        position: absolute;
        right: 0;
        -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_detail div h3.animate,
      article section#speakers_detail div h4.animate {
        left: 0;
        opacity: 1; }
      article section#speakers_detail div h3.animate:before,
      article section#speakers_detail div h4.animate:before {
        width: 0%; }
      article section#speakers_detail div p {
        font-size: 1.05em;
        margin-bottom: 10px;
        line-height: 1.5em; }
      article section#speakers_detail div dt {
        font-size: 1.05em;
        margin-bottom: 5px;
        position: relative;
        color: #aaaaaa; }
      article section#speakers_detail div dt:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 1px;
        position: relative;
        margin-left: 10px;
        background: #aaaaaa; }
      article section#speakers_detail div dd {
        font-size: 1.05em;
        margin-bottom: 30px;
        line-height: 1.5em; }
        article section#speakers_detail div dd h5 {
          font-size: 1.2em; }
        article section#speakers_detail div dd table {
          width: 100%;
          position: relative;
          top: 10px;
          margin-bottom: 30px; }
        article section#speakers_detail div dd th, article section#speakers_detail div dd td {
          font-size: 0.9em;
          line-height: 1.5em;
          padding: 15px; }
        article section#speakers_detail div dd tr:nth-child(odd) {
          background: #f3f3f3; }
        article section#speakers_detail div dd th,
        article section#speakers_detail div dd td:first-child {
          width: 150px;
          vertical-align: top; } }