html, body {
   height: 100%;
}

/* navbar */
.app-navbar {
  font-weight: 500;
  letter-spacing: .05em;
  position: absolute;
}

.app-navbar-default {
   background: #262F36;
   width: 100%;
   display; fixed;
}

.navbar-default {

}

.nav-link {
  cursor: pointer
}

.block-default {
   margin-top: 64.75px;
}

.app-header {
  position: relative;
}

/* header block */
@media (min-width: 992px) {
  .app-graph {
  width: 35%;
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
  right: 10%;
}
}

.logotype {
  margin-top: 10px;
  font-size: 1.2em;
}

/* about block */
.app-about-block {
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (min-width: 768px) {
  .app-about-block {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
  }
}

.app-about {
   position: absolute;
   height: 200%;
   transform: translate(25%, -25%);
   opacity: 0.1;
}

.app-about-logo {
  width: 100%;
}

.app-about-logo-container {
   height: 100%;
}

/* code block */
pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.unselectable {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */
  color: #5c6370;
}
.hljs {
   background: #262F36;
}
.hljs-line{ display: inline; }
a .hljs-comment {
  color: #00a1f1;
}
.app-code-block {
  background-color: #262F36;
  overflow: hidden;
}
.app-code {
  color: #6EA4CF;
  border: #495158 1px solid;
  background: transparent;
  font-size: 12px;
  padding: 20px;
  line-height: 1.55;
  margin-bottom: 30px;
  border-radius: .3rem;
}
.install-instructions{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .app-code {
    width: 520px;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .app-code {
    padding: 50px;
    font-size: 15px;
  }
}


/* pull quote block */
.app-high-praise img {
  width: 100%;
}


/* brand ribbon block */
.app-ribbon {
  background: #2595FF;
}
.app-ribbon .container {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: -30px;
}
.app-ribbon img {
  margin: 0 10px 30px;
}


/* analyses grid block */
.app-block-analyses-grid .container {
  margin-bottom: -60px;
}
.app-analyses-grid .m-b {
  margin-bottom: 10px !important;
}
@media (max-width: 768px) {
  .app-analyses-grid .m-b-lg {
    margin-bottom: 40px !important;
  }
}


/* price plan block */
.app-price-plans {
  background-color: #F4F5F6;
}
.app-price-plans .container {
  margin-bottom: -60px;
}


/* footer block */
.app-footer {
  background-color: #262F36;
}
.app-footer a {
  color: #fff;
}


/* general block overrrides */
@media (max-width: 768px) {
  .block .lead {
    line-height: 1.3;
  }
  .block h3 {
    line-height: 1.15;
  }
}


/* general inverse overrides */
.block-inverse .text-muted {
  color: rgba(255, 255, 255, .7) !important;
}
.block-inverse .block-bg-img {
  background-color: transparent;
}

a button .btn-primary {
  color: #fff;
}
/* general btn overrides */
.btn-lg {
  font-size: 18px;
  margin-bottom: 12px;
  width: auto;
}
.
.block-secondary .btn-lg {
  /* width: 80%; */
}
/* .btn-lg:not(.btn-block) { */
  /* padding: 12px; */
/* } */
/* @media (min-width: 768px) { */
  /* .btn-lg:not(.btn-block) { */
    /* width: auto; */
  /* } */
/* } */


/* ie10+ */
@media (min-width: 768px) {
  .app-align-center {
    display: flex;
    align-items: center;
  }
}