@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;700&display=swap");
body, html {
  font-family: "Raleway", sans-serif;
}

.bg-dark {
  background-color: #443635 !important;
}

a {
  color: #f5333f;
  font-weight: 700;
}

.btn.btn-primary {
  background-color: #f5333f;
  border-color: #f5333f;
}

.bg-ltbrn {
  background-color: rgba(68, 54, 53, 0.1);
}

.text-red {
  color: #f5333f;
}

.home_hero {
  background-color: #c6bdb6;
  min-height: 500px;
  background-image: url("/assets/images/hero-bg-web.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100;
}

@media (max-width: 767px) {
  .home_hero {
    background-color: whitesmoke;
    min-height: 400px;
    background-image: url("/assets/images/hero-bg-mobile-top.jpg");
    background-size: cover;
    background-position: bottom center;
  }
}

.introsection {
  background-color: #58504e;
  background-image: url("/assets/images/hero-bg-web-bottom.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100;
}

@media (max-width: 767px) {
  .introsection {
    background-image: url("/assets/images/hero-bg-mobile-bottom.jpg");
    background-size: cover;
    background-position: top center;
  }
}

section.section {
  padding-bottom: 120px;
}

@media (max-width: 767px) {
  section.section {
    padding-bottom: 60px;
  }
}

.card.learn h3, .card.learn h4, .card.learn h5 {
  color: #f5333f;
}

.shake {
  background-image: url("/assets/images/TurningPoints-shake.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 72px;
}

.steer {
  background-image: url("/assets/images/TurningPoints-steering.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
}

.brain {
  background-image: url("/assets/images/TurningPoints-brain.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
}

.phone_block {
  color: white;
  background-image: url("/assets/images/redbar.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
}

.phone_block a {
  text-decoration: none;
}

a.navbar-brand {
  background-color: #f5333f;
}

@media (max-width: 767px) {
  #tpnavbar {
    padding-top: 72px;
  }
}

#tpnavbar a.nav-link {
  padding: 12px, 24px;
}

@media (max-width: 767px) {
  #tpnavbar a.nav-link {
    text-align: center;
    padding: 24px 24px;
  }
}
/*# sourceMappingURL=styles.css.map */