body {
  overflow-y: scroll;
  min-width: 320px;

  /* needed for scroll-spy to work */
  position: relative;
}

body.apply-fonts {
    font-family: 'Roboto', sans-serif;
}

.navbar-light {
}

.navbar-brand > .brand-icon {
    display: inline;
    width: 24px;
    height: 24px;
    line-height: 1em;
    vertical-align: middle;
}

.navbar-brand > .brand-name {
    display: inline;
    font-size: 20px;
    line-height: 1em;
    vertical-align: middle;
}

.separator-xs {
  margin: 4px;
}

.separator-sm {
  margin: 16px;
}

.spaced-box-lg {
  margin: 48px;
}

.spaced-box-md {
  margin: 32px;
}

.spaced-box-sm {
  margin: 16px;
}

.spaced-box-xs {
    margin: 8px;
}

.timer-time {
  line-height:1em;
  font-size: 7em;
}

.app-section {
    min-height: 480px;
}

.page-section {
    padding-top: 32px;
    padding-bottom: 32px;
}

.page-section-light,
.page-section-light a,
.page-section-light a:hover,
.page-section-light a:focus,
.page-section-light a:active {
  color: #ffffff;
}

.page-section-dark,
.page-section-dark a,
.page-section-dark a:hover,
.page-section-dark a:focus,
.page-section-dark a:active {
  color: #000000;
}

.about-section {
  background: #3F51B5;
}

.features-section {
  background: #3F51B5;
}

.mentions-section{
  background: #3F51B5;
}

.footer-section {
}

@media screen and (max-width: 352px) {
  .hidden-xtreme {
    display: none !important;
  }

  .timer-time {
    line-height:1em;
    font-size: 4em;
  }
}

@media screen and (min-width: 352px) {
  .timer-time {
    font-size: 5em;
  }
}

@media screen and (min-width: 768px) {
  .timer-time {
    font-size: 7em;
  }
}

.timer-container {
  height: 1em;
  overflow: hidden;
  position: relative;
}

.timer-box {
  height: 1em;
  margin: auto;
  position: relative;
  text-align: center;
}

.timer-box > span {
  position: relative;
  display: inline-block;
}

.container-xs {
    min-height: 32px;
}

.btn-wide {
  min-width: 96px;
}

.btn-square-xs {
  min-width: 28px;
}

.dropdown-menu-xs {
  min-width: 30px !important;
}

.footer {
  width: 100%;
  margin-top: 16px;
  margin-bottom: 16px;
}

.btn-social {
  min-width: 50px;
}

.btn-twitter {
  background: #00acee;
  color: #fff !important;
}
.btn-twitter:active, .btn-twitter:hover {
  background: #0087bd;
}

.btn-facebook {
  background: #3b5998;
  color: #fff !important;
}
.btn-facebook:active, .btn-facebook:hover {
  background: #30477a;
}

.btn-googleplus {
  background: #e93f2e;
  color: #fff !important;
}
.btn-googleplus:active, .btn-googleplus:hover {
  background: #ba3225;
}

.btn-linkedin {
  background: #0e76a8;
  color: #fff !important;
}
.btn-linkedin:active, .btn-linkedin:hover {
  background: #0b6087;
}

.btn-reddit {
  background: #ff5700;
  color: #fff !important;
}
.btn-reddit:active, .btn-reddit:hover {
  background: #ff4500;
}


.btn-social-text {
  display: none !important;
}

.btn-goto,
.btn-goto:hover,
.btn-goto:focus,
.btn-goto:active {
  border-color: #ffffff !important;
}

i.fa.fa-border {
  width: 1.8em;
  height: 1.4em;
  text-align: center;
}

i.fa-stack-on {
  color: #3F51B5;
}

i.fa-stack-on.accent {
  color: #E91E63;
}

i.fa-stack-off {
  color: #E91E63;
}

p.text-indent-sm {
  text-indent: 3em;
}

p.text-indent-md {
  text-indent: 4em;
}

p.text-indent-lg {
  text-indent: 6em;
}

.fb-like-unit {
    /* noop */
}

.adsense-unit-responsive {
    width: 100%;
    min-width: 320px;
    min-height: 0px;
    max-height: 400px;
    text-align: center;

}