@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap");
/* MAIN COLOR */
/* SECONDARY COLOR */
body {
  font-family: "Open Sans";
  color: #666;
}

.navbar {
  margin-bottom: 0;
}

.navbar-nav {
  margin: 0 -15px;
}

.navbar,
.navbar-header {
  height: 100px;
}

.navbar .navbar-nav > li > a,
.navbar-header .navbar-nav > li > a {
  line-height: 68px;
  background: #f8f8f8;
}

@media (max-width: 767px) {
  .navbar .navbar-nav > li > a,
  .navbar-header .navbar-nav > li > a {
    line-height: 20px;
  }
}

@media (max-width: 767px) {
  .navbar,
  .navbar-header {
    height: 50px;
  }
  .navbar .logo,
  .navbar-header .logo {
    max-height: 50px;
  }
}

.navbar-brand {
  padding: 0px 15px;
}

.hero-info {
  padding: 50px 0px;
}

.hero-info p {
  font-size: 1.3em;
  padding: 0 20px;
}

.hero-quote {
  padding: 60px 0;
  background: #018795;
}

@media (max-width: 767px) {
  .hero-quote {
    padding: 40px 0;
  }
}

.hero-quote h3 {
  font-size: 1.3em;
  line-height: 1.6em;
  color: #f8f8f8;
}

@media (max-width: 767px) {
  .hero-quote h3 {
    font-size: 1.2em;
  }
}

.hero-process {
  padding:100px 0;
  background-color: #e2e2e2;
}

@media (max-width: 767px) {
  .hero-process {
    padding: 20px 0;
  }
}

.hero-process p {
  font-size: 1.1em;
  color: #222;
}

@media (max-width: 767px) {
  .hero-process p {
    margin: 20px 0;
    font-size: 1.2em;
  }
}

.hero-contact {
  background-color: #edeff1;
  padding: 0;
}

.hero-contact .col-md-12 {
  padding: 20px 50px;
}

@media (max-width: 767px) {
  .hero-contact .col-md-12 {
    padding: 40px 20px;
    color: #555555;
  }
}

@media (max-width: 480px) {
  .hero-contact .col-md-12 ul {
    padding-left: 10px;
  }
}

.hero-contact .col-md-12 li {
  list-style: none;
  line-height: 36px;
}

.hero-contact .col-md-12 a {
  text-decoration: none;
  color: #555555;
  font-weight: 100;
}

.hero-contact .col-md-12 p {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #555555;
}

.hero-contact .col-md-12 .footer-banner {
  margin-top: 7%;
}

.hero-contact .col-md-12 .footer-banner ul {
  padding-left: 0;
}

footer {
  text-align: center;
  padding-top: 25px;
  background: #f39c00;
  color: white;
}