@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-ms-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px); }
  60% {
    -webkit-transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px); } }
@-webkit-keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
@-moz-keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
@-ms-keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
@keyframes bounce-right {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  40% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px); }
  60% {
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transform: translateX(15px); } }
.roku-hero.homepage .lead .lead-center .img-foreground {
  display: inline-block;
  max-height: 205px;
  max-height: 30vh; }
@media (min-width: 768px) and (max-width: 991px) {
  .roku-hero.homepage .lead .lead-center .img-foreground {
    max-height: 40vh; } }
@media (max-width: 991px) {
  .roku-hero.homepage .lead .lead-center .img-foreground {
    max-width: 95%; } }
.roku-hero.homepage .lead .lead-center .roku-button {
  position: absolute;
  top: 30%;
  bottom: auto;
  left: auto;
  right: 0; }
@media (min-width: 992px) and (max-width: 1199px) {
  .roku-hero.homepage .lead .lead-center .roku-button {
    top: 55%; } }
@media (max-width: 991px) {
  .roku-hero.homepage .lead .lead-center .roku-button.right {
    left: 0;
    margin-bottom: -5px;
    display: block;
    position: relative; } }
@media (max-width: 991px) {
  .roku-hero.homepage .lead .lead-center {
    height: initial;
    vertical-align: top;
    padding: 0;
    bottom: initial;
    top: 10%; } }
@media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
  .roku-hero.homepage .lead .lead-center {
    bottom: 0;
    top: 20%; } }
@media (max-width: 991px) {
  .roku-hero.homepage .lead .lead-center .pull-right button {
    left: 0; }
  .roku-hero.homepage .lead .lead-center .lead-content {
    height: initial;
    min-height: 200px;
    top: 0; }
  .roku-hero.homepage .lead .lead-center .lead-content h3 {
    margin-top: 0; }
  .roku-hero.homepage .lead .lead-center .roku-button {
    margin-left: 0;
    width: 100%;
    top: initial; } }

@media (max-width: 991px) {
  .reset-top {
    margin-top: -30%; } }
@media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
  .reset-top {
    margin-top: -15%; } }

@media (max-width: 991px) {
  .lead-footer {
    margin-right: 0;
    text-align: left;
    padding: 15px 8.3333%;
    bottom: 115px;
    left: 0; } }