.transparent-banner {
  min-width: 100%;
  margin: 0;
  padding: 75px 0 75px 0;
  overflow: auto;
  background-color: transparent;
  color: inherit;
  border-bottom: 1px solid #cccccc;
}
.transparent-banner .row {
  margin-bottom: 0;
}
.fixed-banner {
  position: fixed;
  z-index: 1000;
}
.fixed-banner + div {
  padding-top: 150px !important;
}
.white-banner {
  min-width: 100%;
  margin: 0;
  padding: 75px 0 75px 0;
  overflow: auto;
  background-color: #ffffff;
  color: #212121;
  border-bottom: 1px solid #cccccc;
}
.white-banner .row {
  margin-bottom: 0;
}
.off-white-banner {
  min-width: 100%;
  margin: 0;
  padding: 75px 0 75px 0;
  overflow: auto;
  background-color: #f2f2f2;
  color: #212121;
  border-bottom: 1px solid #cccccc;
}
.off-white-banner .row {
  margin-bottom: 0;
}
.black-banner {
  min-width: 100%;
  margin: 0;
  padding: 75px 0 75px 0;
  overflow: auto;
  background-color: #000000;
  color: #ffffff;
  border-bottom: 1px solid #cccccc;
}
.black-banner .row {
  margin-bottom: 0;
}
.error-banner {
  min-width: 100%;
  margin: 0;
  padding: 75px 0 75px 0;
  overflow: auto;
  background-color: #96372d;
  color: #ffffff;
  border-bottom: 1px solid #cccccc;
  padding: 0;
}
.error-banner .row {
  margin-bottom: 0;
}
.banner-title {
  font-size: 20pt;
  text-align: center;
  margin-bottom: 15px;
}
#main-banner {
  min-width: 100%;
  margin: 0;
  padding: 75px 0 75px 0;
  overflow: auto;
  background-color: transparent;
  color: #ffffff;
  border-bottom: 1px solid #cccccc;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background: url('/images/main-background.jpg') no-repeat scroll center center;
  background-size: cover;
  height: 625px;
  background-color: #000000;
}
#main-banner .row {
  margin-bottom: 0;
}
#main-banner #screenshots {
  width: 100%;
  float: right;
}
#main-banner #logo {
  margin-top: 90px;
  margin-bottom: 5px;
  margin-left: -15px;
  width: 100%;
}
#main-banner #tagline {
  padding-top: 5px;
  font-size: 15pt;
  font-weight: 300;
  width: 100%;
  line-height: 1.25em;
  text-align: center;
}
#main-banner #download-btn {
  font-size: 14pt;
  margin-top: 25px;
  padding: 15px;
  width: 95%;
}
@media (max-width: 991px) {
  #main-banner #logo {
    margin-top: 100px;
  }
}
@media (max-width: 767px) {
  #main-banner {
    height: 975px;
  }
  #main-banner #logo,
  #main-banner #download-btn {
    display: block;
    margin: auto;
    width: 275px;
  }
  #main-banner #tagline {
    margin-bottom: 15px;
  }
  #main-banner #screenshots {
    float: none;
    display: block;
    margin: auto;
    margin-top: 50px;
    width: 425px;
  }
}
@media (max-width: 479px) {
  #main-banner {
    height: 800px;
  }
  #main-banner #screenshots {
    width: 300px;
  }
}
#overview-banner {
  min-width: 100%;
  margin: 0;
  padding: 75px 0 75px 0;
  overflow: auto;
  background-color: #ffffff;
  color: #212121;
  border-bottom: 1px solid #cccccc;
  text-align: center;
}
#overview-banner .row {
  margin-bottom: 0;
}
#overview-banner .feature-overview {
  min-height: 225px;
  margin-bottom: 25px;
}
#overview-banner .feature-overview .feature-icon {
  width: 75px;
  margin-bottom: 25px;
}
.feature-banner {
  min-width: 100%;
  margin: 0;
  padding: 75px 0 75px 0;
  overflow: auto;
  background-color: #ffffff;
  color: #212121;
  border-bottom: 1px solid #cccccc;
  font-size: 14pt;
}
.feature-banner .row {
  margin-bottom: 0;
}
.feature-banner .feature-title h2 {
  font-size: 20pt;
  font-weight: 400;
  margin-bottom: 20px;
}
.feature-banner .feature-footer {
  font-size: 10pt;
  font-weight: 300;
  color: #808080;
}
.feature-banner .feature-screenshot {
  width: 75%;
  display: block;
  margin: auto;
}
.feature-banner #book-screenshot {
  margin-top: -75px;
}
.feature-banner #review-screenshot {
  margin-bottom: -75px;
}
.feature-banner #manage-screenshot {
  margin-bottom: -75px;
}
.feature-banner #download-btn {
  font-size: 13pt;
  margin-top: 15px;
  padding: 10px;
}
@media (max-width: 991px) {
  .feature-banner {
    font-size: 12pt;
  }
}
@media (max-width: 767px) {
  .feature-banner {
    text-align: center;
  }
  .feature-banner .feature-screenshot {
    width: 50%;
  }
  .feature-banner #book-screenshot {
    margin-bottom: 50px;
  }
  .feature-banner #review-screenshot,
  .feature-banner #manage-screenshot {
    margin-top: 50px;
  }
}
#zero {
  font-weight: 300;
  font-size: 70pt;
}
#testimonial-banner {
  height: 500px;
  overflow: hidden;
}
#testimonial-banner .testimonial-image {
  display: block;
  border-radius: 50%;
  width: 75%;
  height: width;
  margin: auto;
}
@media (max-width: 1199px) {
  #testimonial-banner .testimonial-image {
    width: 85%;
  }
}
@media (max-width: 767px) {
  #testimonial-banner .testimonial-image {
    width: 95%;
  }
}
#testimonial-banner .testimonial {
  margin-top: 50px;
  text-align: center;
}
#testimonial-banner .testimonial footer {
  margin-top: 10px;
}
#testimonial-banner .testimonial .social-icon {
  font-size: 150%;
  margin-top: 10px;
}
#testimonial-banner .testimonial blockquote {
  font-size: 14pt;
}
@media (max-width: 991px) {
  #testimonial-banner .testimonial blockquote {
    font-size: 12pt;
  }
}
#featured-in-banner .featured-in-image {
  display: block;
  width: 75%;
  margin: auto;
  background-size: cover;
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#featured-in-banner .featured-in-image:hover {
  -webkit-filter: grayscale(0);
  filter: none;
  opacity: 1;
  filter: alpha(opacity=100);
}
@media (max-width: 767px) {
  #featured-in-banner .featured-in-image {
    width: 50%;
    padding-top: 25px;
    padding-bottom: 25px;
  }
}