.preview_message { text-align: center; color: #fff; padding: 20px 0 40px; display: block; }
  .preview_message h1 { font-size: 30px; font-size: 3rem;margin:0; line-height: 33px; line-height: 3.3rem; padding: 0 2.298%; }
  .preview_message p { font-size: 16px;font-size: 1.6rem; font-weight: bold;margin: 6px 0 0 0; }

  #video-row { padding-bottom: 0; background-color: #000; }
  #video-row.row { border-bottom: none; }

  #video-section { position:relative; width:100%; height:0; padding-bottom:520px; overflow:hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 0; }
  #video-section.control { background:transparent url('images/velocity2015_video_placeholder_control.jpg') center 0 no-repeat; }
  #video-section.test { background:transparent url('//cdn.oreillystatic.com/en/assets/1/event/122/velocity2015_video_placeholder_test.jpg') center 0 no-repeat; }
  #video-section:before { content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:transparent url('images/video-shade-lighter3.png') 0 0 repeat; z-index:5;}
  #video-section video { width:101%; height:auto; opacity:0; }

  #headlining.row #video-quote { display:block; max-width:620px; margin:10px auto; font-size:24px; font-size: 24px; text-align: center; line-height:37px; line-height:37px; color:#fff;  padding:0px 0 0; }
  #headlining.row #video-quote .attribution { font-size:16px; font-size: 16px; font-family: 'open-sans', arial, verdana, helvetica, sans-serif; padding-bottom: 25px; line-height: 15px; line-height: 1.5rem;  }
  .wf-loading #video-quote { color:rgba(255,255,255,0); }

  #video-section .overlay { width:100%; background-color:rgba(0,0,0,.8); position:absolute; z-index:10; overflow:visible; bottom:0; padding:0; }
  #video-section .overlay h1, #overlay-row h1 { display:block; max-width:910px; margin:20px auto 8px auto; font-size:24px; font-size:24px; line-height:39px; line-height:39px; text-align: center; color:#fff;  padding: 0 20px; }
  #video-section .overlay p, #overlay-row p { display:block; max-width:910px; margin:0 auto 40px auto; font-size:20px; font-size:20px; text-align:center; line-height:26px; line-height:26px; color:#fff;  padding:0 20px; }

  #video-play { display:block; height: 80px; width:80px; padding:0; position:absolute; left:50%; top:40%; z-index:11; margin-left:-40px; margin-top:-40px; background-color:rgba(255,255,255,.6); -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; font-size:0px; cursor:pointer; -webkit-transition:opacity .5s; transition:opacity .5s; }
  #video-play:hover { background-color:rgba(255,255,255,.8); }
  #video-section:hover #video-play.pause { opacity:1; }
  #video-play.pause { opacity:0; background-color:rgba(255,255,255,.4); }
  #video-play.pause:hover { background-color:rgba(255,255,255,.8); }
  #video-play:after {content:""; display: block; width: 0; height: 0; margin-top: 25px; margin-left: 35px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid rgba(0,0,0,.4);}
  #video-play.pause:before {content:""; display: block; float:left; width: 0; height: 30px; margin-top: 25px; margin-left: 33px; border-top: 0; border-bottom: 0; border-left: 5px solid rgba(0,0,0,.2);}
  #video-play.pause:after {content:""; display: block; float:left; width: 0; height: 30px; margin-top: 25px; margin-left: 5px; border-top: 0; border-bottom: 0; border-left: 5px solid rgba(0,0,0,.2);}


  #overlay-row { width:100%; padding:0; background-color:#222; overflow:hidden; display:none; }
  #headlining.row .content_row { max-width:870px !important; }

  @media only screen and (max-width: 925px) {
    #video-section { padding-bottom:56.25%; }
  }

  @media only screen and (max-width: 820px) {
    #video-section { background-position: center -30px; }
  }

  @media only screen and (max-width: 770px) {
    #video-section .overlay h1, #overlay-row h1 { font-size:27px; font-size:2.7rem; line-height:31px; line-height:3.1rem; }
    #video-section .overlay p, #overlay-row p { font-size:17px; font-size:1.7rem; line-height:25px; line-height:2.5rem; }
    #headlining.row #video-quote { font-size:33px; font-size:3.3rem; line-height:33px; line-height:3.3rem; }
    #headlining.row #video-quote .attribution { font-size:15px; font-size:1.5rem; line-height: 15px; line-height: 1.5rem;  }
    #video-section.control { background-position: -350px -40px; }
    #video-section .overlay { display: none; }
    #overlay-row { display: block; }
  }

  @media only screen and (max-width: 600px) {
    #video-section.control {background-position: -640px -80px; }
  }

  @media only screen and (max-width: 610px) {
    .preview_message p { display: none; }
    .preview_message h1 { font-size: 24px; font-size: 2.4rem; line-height: 24px; line-height: 2.4rem; }
  }