h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", Ariel, Helvetica, sans-serif;
  text-transform: uppercase;
  font-style: italic; }

.hero {
  background: -webkit-linear-gradient(rgba(8, 121, 238, 0.9), rgba(8, 121, 238, 0.75)), url(http://placekitten.com/g/800/600) no-repeat top center;
  background: linear-gradient(rgba(8, 121, 238, 0.9), rgba(8, 121, 238, 0.75)), url(http://placekitten.com/g/800/600) no-repeat top center;
  background-size: cover;
  height: 800px;
  max-height: 70vh;
  text-align: center; }
  .hero .hero-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #FFF; }
    .hero .hero-content h1, .hero .hero-content h2 {
      margin-top: 0; }
    .hero .hero-content h1 {
      font-size: 70px; }
    .hero .hero-content p {
      font-size: 30px;
      margin-bottom: 30px; }
    .hero .hero-content .cta a {
      padding: 20px 30px;
      font-size: 30px; }

.card {
  background: #FFF;
  border-radius: 3px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
  .card.card-padded {
    padding: 30px; }
  .card .img-container {
    display: block;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 200px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px; }

.post-card {
  position: relative;
  margin-bottom: 20px;
  min-height: 350px; }
  .post-card h2 {
    font-size: 24px;
    margin: 0 0 10px; }
    .post-card h2 a {
      color: #424242;
      -webkit-transition: 0.3s ease all;
      transition: 0.3s ease all; }
      .post-card h2 a:hover {
        color: red;
        text-decoration: none; }
  .post-card .card-content {
    padding: 20px; }
    .post-card .card-content .byline {
      font-size: 12px;
      color: #BBB;
      margin-bottom: 10px; }
    .post-card .card-content .price {
      position: absolute;
      top: 0;
      right: 0;
      border-top-right-radius: 3px;
      border-bottom-left-radius: 3px;
      font-size: 14px;
      padding: 3px 8px;
      color: #FFF; }
    .post-card .card-content .price-premium {
      background: #F42E45; }
    .post-card .card-content .price-free {
      background: #02BD70; }

#site-footer {
  padding-bottom: 30px;
  padding-top: 30px;
  background: #333;
  color: #999;
  text-align: center; }

#site-header .navbar {
  border-radius: 0;
  margin: 0;
  border: none; }
  #site-header .navbar a {
    font-family: "Oswald", Ariel, Helvetica, sans-serif;
    font-style: italic; }

section {
  padding-top: 50px;
  padding-bottom: 50px; }
  section .section-header {
    text-align: center; }
    section .section-header h2 {
      padding-bottom: 20px;
      padding-top: 20px;
      margin-bottom: 50px;
      margin-top: 50px;
      text-transform: uppercase;
      color: #aaa;
      position: relative;
      letter-spacing: 3px;
      font-style: italic; }
      section .section-header h2:before, section .section-header h2:after {
        content: '';
        display: block;
        position: absolute;
        height: 1px;
        width: 20%;
        left: 40%;
        background: #AAA; }
      section .section-header h2:before {
        top: 0; }
      section .section-header h2:after {
        bottom: 0; }

.post-single {
  margin-bottom: 50px;
  margin-top: 50px; }
  .post-single .img-container {
    height: 500px; }
  .post-single .card-content {
    padding: 50px 100px; }
    .post-single .card-content h1 {
      font-size: 50px;
      margin: 0 0 20px; }
    .post-single .card-content .byline {
      font-size: 14px;
      color: #BBB;
      margin-bottom: 20px; }

.auth-card {
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 30px; }
  .auth-card h1 {
    text-align: center; }

.subscription-option input[type=radio] {
  display: none; }

.subscription-option label {
  display: block;
  width: 100%;
  min-height: 200px;
  border-radius: 4px;
  background: #f2f2f2;
  color: #545454;
  font-size: 40px;
  text-align: center;
  cursor: pointer;
  padding-top: 50px;
  -webkit-transition: 0.3s ease all;
  transition: 0.3s ease all; }

.subscription-option .plan-price {
  font-family: "Oswald", Ariel, Helvetica, sans-serif; }

.subscription-option .plan-name {
  display: block;
  font-size: 24px; }

.subscription-option input[type=radio]:checked + label {
  background: #0B79EE;
  color: #FFFFFF; }

body {
  background: #efefef; }

/*# sourceMappingURL=app.css.map */



.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}




.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}