@font-face {
    font-family: 'bebasregular';
    src: url('BEBAS___-webfont.eot');
    src: url('BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('BEBAS___-webfont.woff') format('woff'),
         url('BEBAS___-webfont.ttf') format('truetype'),
         url('BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{ font-family: Arial, Helvetica, sans-serif; font-size: 16px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-family: 'bebasregular'; word-spacing: 6px; font-weight: normal;}
.h2, h2 { font-size: 52px; letter-spacing: -2px; }
.h3, h3 { font-size: 25px;  letter-spacing: -1px; }

.steps-nav{ margin-bottom: 30px; padding-left: 0; list-style: none;}
.steps-nav li{ font-size: 14px; display: inline-block; color: #fff; padding: 10px 40px; font-weight: bold; padding-right: 46px;}
.steps-nav li span{ font-size: 26px; float: left; margin-top: -4px; margin:-8px 20px -10px 0; }

.container{padding-top:20px;  padding-bottom: 20px;}
<!-- .video-wrap{ background: url(../img/video-bg.jpg) no-repeat center top #000; padding: 0;}-->
.video-wrap{ background: #FFFFFF; padding: 0;}
.video-wrap .container{padding: 0;}


.text-red{ color: #b90000; }
.img-responsive{ margin-bottom: 30px; }

.form-control{ height: auto; }
.form-group {margin-bottom: 10px;}

.cta-form{ background: #f2f2f2; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.cta-form .form-control{ padding:18px; font-size: 15px; color: #999; text-align: center;}
.cta-form  input[type=submit], .cta-form  button[type=submit], .btn-red{color: #fff; width: 100%; font-family: 'bebasregular'; font-size: 30px; padding: 5px 20px; padding-top: 12px; background: #c90000; background: -moz-linear-gradient(top, #c90000 0%, #9a0000 100%); background: -webkit-linear-gradient(top, #c90000 0%,#9a0000 100%); background: linear-gradient(to bottom, #c90000 0%,#9a0000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90000', endColorstr='#9a0000',GradientType=0 );}
.cta-form small{ font-size: 13px; font-style: italic; color: #999; display: block; margin-top:10px; }

.like-share{ list-style: none; background: url(../img/fb-steps-bg.png) no-repeat center top #3163a9; color: #fff; padding-left:0; overflow: hidden; margin:10px 0 30px 0;}
.like-share .steps { font-family: 'bebasregular'; padding:25px 30px; font-size: 22px; float: left;}
.like-share .step-2{padding-right: 100px; }
.like-share .steps .num{ float: left; font-size: 100px; margin-right: 30px;margin-top:10px; margin-bottom: -10px; line-height: normal;}

footer{ color: #858585; font-size: 13px; background: #f2f2f2; text-align: center; border-top: 1px solid #ccc;}
footer a{ color: #858585; }

/* Media Queries*/
@media (min-width: 768px) {
  .container{ width: 855px; }
  .ebook{max-width: initial; margin-top: -55px; margin-left: -170px;}
  .steps-nav{ background: url(../img/steps-bg.png) no-repeat center; }
  .cta-form form{ margin-left: 100px; }
  .cta-form  .max-width{ margin-left: -160px; }
}

@media (max-width: 767px) {
  .steps-nav li{ background: #666; width: 100%; margin-bottom: 1px; padding: 20px;}
  .steps-nav li.active{ background: #b90000;}
  .cta-form  .max-width{ width: 100%; }
  .like-share{ background: none; }
  .like-share .steps{background: #3163a9 !important; width: 100%; margin-bottom: 10px;}
}

@media (max-width: 480px) {



}