body {
  font-family: 'Nunito', sans-serif;
  color: #000;
  background-color: #e0e0e0;
  font-size: 16px;
}
h1 {
  font-size:  2rem;
}
h2 {
  font-size:  1.5rem;
}
h3 {
  font-size:  1.25rem;
}
h1, h2, h3, h4, h5 ,h6 {
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: .5px;
}
a, a:hover {
  color: #386AEB;
}

.headline {
  max-width: 930px;
  margin: 0 auto;
}
.headline.headline-full {
  max-width: 100%;
  width: 100%;
}
.headline p {
  font-size: 1.25rem;
}

.section {
  padding-top: 3.5rem;
  padding-bottom: 3.5rem;
}

.hero {
  background-color: #f5f5f5;
}

.features {
  padding-top: 3rem !important;
  padding-bottom: 2rem !important;
}

.screenshots {
  background-color: #000;
  border-radius: 0.625rem;
  padding: 4px 6px 6px 6px;
  overflow: hidden;
  white-space: nowrap;
  max-width: 960px;
  margin:  0 auto;
}

.join {
  background-color: #f5f5f5;
}

.download {
}

.contact {
  background-color: #f1f1f1;
}

.bg-light {
  background-color: #C0C0C0 !important;
}

nav.bg-dark {
  background-color: #000 !important;
  height: 64px;
}
.navbar-brand img.logo {
  height: 30px;
}

.navbar .nav-link {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  letter-spacing: .5px;
}
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: .5px;
}

.list {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 0.4rem;
  margin-bottom: 1.25rem;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.04);
}
.list a.list-item {
  display: block;
  text-decoration: none;
  color: $body-color;
}

.list a.list-item:hover {
  background-color: $gray-100;
  cursor: pointer;
}
.list .list-item {
  padding: 0.875rem 0.6rem;
  border-bottom: 1px solid #fff;
}
.list .list-item p:last-child {
  margin-bottom: 0;
}

.list-item-icon {
  margin-right: 12px;
  height: 42px;
  width: 42px;
  text-align: center;
}
.list-item-icon svg {
  height: 42px;
  max-width: 42px;
}

.footer {
  color: #000;
  background-color: #e0e0e0;
}
.footer h6 {
  font-size: .9rem;
}
.footer .footer-brand {
  font-size: 1rem;
  text-align: right;
}
.footer a {
}
.footer hr {
  border-top: 1px solid #ccc;
}

.legal {
}


@media (max-width: 992px) {
  .section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (max-width: 768px) {
  .section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .join {
    padding-bottom: 190px;
  }
  .download {
    padding-top: 150px;
  }
}

@media (max-width: 576px) {
  .section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .join {
    padding-bottom: 190px;
  }
  .download {
    padding-top: 150px;
  }
}

.btn-primary{color:#fff;background-color:#386AEB;border-color:#386AEB}
.btn-primary:hover{color:#fff;background-color:#386AEB;border-color:#386AEB}
.btn-primary.focus,
.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(219,65,74,.5)}
.btn-primary.disabled,
.btn-primary:disabled{color:#fff;background-color:#386AEB;border-color:#386AEB}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#386AEB;border-color:#386AEB}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(219,65,74,.5)}


.btn-secondary{color:#000;background-color:#bbb;border-color:#bbb}
.btn-secondary:hover{color:#000;background-color:#bbb;border-color:#bbb}
.btn-secondary.focus,
.btn-secondary:focus{box-shadow:0 0 0 .2rem rgba(219,65,74,.5)}
.btn-secondary.disabled,
.btn-secondary:disabled{color:#000;background-color:#bbb;border-color:#bbb}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#000;background-color:#bbb;border-color:#bbb}
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(219,65,74,.5)}


/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */