body {
  background: #666; }

p {
  font-family: "Roboto", sans-serif;
  color: #fff; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Montserrat", Tahoma, sans-serif;
  font-weight: bold;
  margin: 0 0 20px 0; }

h1, h2 {
  font-size: 3.2rem; }
  @media screen and (max-width: 768px) {
    h1, h2 {
      font-size: 2.5rem; } }

h4 {
  color: #00fea1;
  font-style: italic;
  font-weight: normal;
  margin: -15px 0 20px 0; }
 
blockquote p {
  color: #666;
}

cite {
  font-size: 1.2rem;
}

.well.well-lg {
  background-color: #fff;
}

.grey-text {
  color: #666; }

.black-text {
  color: #000; }

.margin-auto {
  margin: auto; }

.primary-color {
  color: #00fea1; }

.text-shadow {
  text-shadow: 2px 4px 10px #999; }

.body-text {
  font-size: 1.6rem; }

.body-text-dark {
  font-size: 1em;
  color: #000; }

.contact-header-dark {
  color: #000; }

.contact-text-block {
  padding: 20px 25px;
  background: rgba(255, 255, 255, 0.7); }

#container {
  max-width: 960px;
  margin: auto;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(0px 5px 10px #222); }

header {
  background: #00fea1; }

img#logo {
  position: absolute;
  top: -50px;
  left: 30px;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222); }

img#s2000 {
  width: 25%;
  height: 25%;
  border-radius: 5px;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
  vertical-align: top;
  float: left;
  margin: 0 15px 10px 0; }

ul.nav > li {
  padding: 0 20px;
  font: bold 1.5rem "Montserrat", Tahoma, sans-serif; }

.navbar, .navbar-inverse {
  border-radius: 10px 10px 0 0; }

.navbar-header {
  color: #eee; }

.navbar-header:hover {
  color: #fff; }

#top-banner {
  background: #00fea1 url("../img/header-img-small.jpg") center center no-repeat;
  height: 100px;
  text-align: right; }

#top-banner > span {
  color: #000;
  font-weight: bold;
  font-size: 1.5rem;
  position: relative;
  top: 5px;
  right: 10px; }

#collapse-nav {
  margin-left: 170px; }

.transparent-bg {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  padding: 25px; }

#footer-nav > li {
  padding: 0 0 0 25px; }

.badge.social.sm {
  background: #3b5998;
  font-size: 14px;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 31px;
  margin: 0 0px 20px 0;
  padding: 0;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  color: white; }

.badge.social.fb:hover {
  background: #999; }

section#hero {
  background: #000 url("../img/hero-engine.jpg") top left/cover no-repeat;
  color: #fff;
  min-height: 500px;
  margin: -20px 0 0 0;
  padding: 90px 15px; }

#service-highlight {
  background: #fff;
  color: #000;
  padding: 15px; }

#reviews {
  background: #ccc url("../img/bg-texture-fabric.png") repeat;
  padding: 35px 0; }

.review {
  margin-top: 35px; }

.reviews-sub-heading {
  color: #777;
  margin-top: -15px; }

#about-todd {
  background: #fff;
  color: #000;
  margin: -20px 0 0 0;
  padding: 65px 15px; }

#todd-circle {
  height: 150px;
  width: 150px;
  margin: 0 15px 15px;
  border: 3px solid #00fea1;
  border-radius: 50%;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
  vertical-align: top; }
  @media screen and (max-width: 992px) {
    #todd-circle {
      height: 125px;
      width: 125px; } }

#about-shop {
  background: #fff url("../img/lift-in-shop.jpg") center center/cover no-repeat;
  padding: 65px 25px; }

/* SERVICES PAGE */
#services {
  background: #fff url("../img/honda-fluids.jpg") center center/cover no-repeat;
  margin: -20px 0 0 0;
  padding: 65px 25px 30px; }

#service-cards {
  background: #fff;
  padding: 65px 15px 30px; }

h3#service-title {
  color: #000;
  font-size: 2rem;
  margin: 10px 0; }

/* CONTACT PAGE */
#contact-section {
  background: #fff;
  margin: -20px 0 0 0; }

.contact-container {
  padding: 85px 15px 25px; }

h5#service-type-header {
  margin: 30px 0 10px; }

p#address-block {
  color: #333;
  font-size: 2rem; }

#the-fam {
  width: 200px;
  height: 200px;
  margin: 0 15px 20px;
  border-radius: 5px;
  -webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
  vertical-align: top;
  float: left; }

.caption {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  min-height: 220px; }

.caption > h3 {
  color: #666; }

.caption > p {
  font-size: 1.1em;
  color: #666; }

.thumbnail {
  width: 290px;
  margin: 5px auto;
  background: #eee; }

#card-lists {
  color: #666; }

#card-glyphs {
  font-size: 6em;
  color: #00fea1;
  text-shadow: 2px 4px 10px #999;
  text-align: center; }

footer {
  background: #00fea1;
  padding: 20px 20px 5px 0; }

.footer-text {
  color: #666;
  font-size: 1rem; }
  @media screen and (max-width: 500px) {
    .footer-text {
      font-size: 0.8rem; } }

.footer-right {
  text-align: right;
  margin-top: 5px; }
  @media screen and (max-width: 768px) {
    .footer-right {
      text-align: center; } }

.footer-links:link {
  color: #000;
  font-size: 1.3rem;
  font-weight: bold; }
  @media screen and (max-width: 500px) {
    .footer-links:link {
      font-size: 1rem; } }

.footer-links:visited {
  color: #000;
  font-size: 1.3rem;
  font-weight: bold; }
  @media screen and (max-width: 500px) {
    .footer-links:visited {
      font-size: 1rem; } }

.footer-links:hover {
  color: #666;
  font-size: 1.3rem;
  text-decoration: none; }
  @media screen and (max-width: 500px) {
    .footer-links:hover {
      font-size: 1rem; } }

#footer-link-spacing {
  text-align: center; }

/* MISC */
.footnote {
  color: #666;
  font-size: 1rem;
  margin-top: 15px; }

#cert-logos {
  margin: 0 15px; }

#contact-email {
  font-size: 2rem; }

.btn-green {
  color: #000;
  background-color: #00FEA1;
  border-color: #00A86A; }

.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  color: #000;
  background-color: #00D688;
  border-color: #00A86A; }

.btn-green:active,
.btn-green.active,
.open .dropdown-toggle.btn-green {
  background-image: none; }

.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active {
  background-color: #00FEA1;
  border-color: #00A86A; }

.btn-green .badge {
  color: #00FEA1;
  background-color: #000; }

span.spacer {
  padding: 0 5px; }

.form-spacer {
  padding: 10px 0;
  display: block; }

.display-block {
  display: block; }

.display-inline {
  display: inline; }

/*# sourceMappingURL=app.css.map */