a {
  color: #003da5 !important;
}

a:visited {
  color: #807fe2
}

.btn {
  background: #fff;
  border-radius: 10rem !important;
  color: #fff !important;
  font-size: .75rem !important;
  padding: .25rem 1rem!important;
}

.btn.btn-success {
  background: #247F59 !important;
  border-color: rgb(28, 112, 77) !important;
}

.btn.btn-success:focus, .btn.btn-success:hover {
  background: rgb(26, 92, 64) !important;
  border-color: rgb(22, 78, 55) !important;
}

.btn.btn-error {
  background: #CC2500 !important;
  border-color: rgb(184, 34, 0) !important;
}

.btn.btn-error:focus, .btn.btn-error:hover {
  background: #A31E00 !important;
  border-color: rgb(141, 26, 0) !important;
}

footer {
  font-size: 0.7rem;
  padding: 2rem 6rem;
  background-color:#222222 !important;
  color: white !important;
}

footer a {
  color: white !important;
  font-size: 0.6rem !important;
}

section, .hero {
  padding: 5rem 8rem;
}

.lead {
  font-weight: 300;
  font-style: italic;
  font-size: 1rem;
}
#back-to-top {
  min-height: 0;
  background-color: #333333;
  padding: 10px 6rem;
  margin: 0;
  text-align: right;
  font-size: .7rem;
}

#back-to-top a {
  color: white !important;
  font-size: .6rem !important;
}
main .bg-dark,  #banner {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}
#banner {
  background-color: #203a5f;
  background-image: url(../img/carros-no-transito-da-cidade.jpg) !important;
  background-image: url(../img/carros-no-transito-da-cidade.webp) !important;
}
main .bg-dark {
  background-color: #251c47 !important;
  background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(../img/bg-1.jpg) !important;
  background-image:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(../img/bg-1.webp) !important;
}

.bg-gray{background-color:#f0f0f0 !important;}

/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 768px) , (max-height:375px) {
  footer, section, .hero-md {
    padding: 2rem 1rem;
  }
  #back-to-top {
    padding: 1rem;
  }
  
  .hero-lg{padding:2rem 1rem !important;}
  body {
    text-align: center;
  }
}