body {background: #333;}
.container.wrapper { background: #fff; padding: 12px;}
.header {background: #111; height: 90px;}
.logo {text-align: center;}
.logo img {width: 400px; padding: 20px 0;}
h1.vid-title {font-size: 1.75rem; font-weight: bold;}
h1 { font-size:25px; text-align: left; padding:2px 10px 10px 10px; color:#242424;}
.text { height:100%; text-align: left; padding:2px 10px 10px 10px; }
.btn_link {
  background: #ff0000;
  background-image: -webkit-linear-gradient(top, #ff0000, #c70000);
  background-image: -moz-linear-gradient(top, #ff0000, #c70000);
  background-image: -ms-linear-gradient(top, #ff0000, #c70000);
  background-image: -o-linear-gradient(top, #ff0000, #c70000);
  background-image: linear-gradient(to bottom, #ff0000, #c70000);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 70px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:90%; margin-left:auto; margin-right:auto;
  text-align:center;
}
.btn_link a{color:#fff; text-decoration:none;}
.btn_link:hover {
  background: #a30000;
  background-image: -webkit-linear-gradient(top, #a30000, #ff0000);
  background-image: -moz-linear-gradient(top, #a30000, #ff0000);
  background-image: -ms-linear-gradient(top, #a30000, #ff0000);
  background-image: -o-linear-gradient(top, #a30000, #ff0000);
  background-image: linear-gradient(to bottom, #a30000, #ff0000);
  text-decoration: none;
}

.footer { text-align:center; margin-left:auto; margin-right:auto;color:#000; padding:20px; }
.footer a{color:#000;}

@media only screen and (max-width: 800px) {
    .btn_link a {font-size: 2rem;}
    .btn_link {line-height: .75; padding: 0 10px 25px; }
}