@import url('../css/base.css');

body { font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; }

.safe__color-orange { color: initial; }

/*li.nav-item a {*/
/*    color: #666668 !important;*/
/*    font-size: 16px;*/
/*}*/

.container.safe__states-container p, .container.safe__states-container ul li {
    font-size: 15px !important;
}

.safe__buttons-sidebar a { text-decoration: none; }
.safe__states-container .col-md-8 { padding-top: 10px; }
div#firstContainer { background-color: #337ab7 !important; }
.btmh1{
    display:block;
    font-size: 24px;
    margin-bottom: 10px;
}

div#firstContainer h1.header-text {
  color: white;
  font-size: 3.5rem;
  padding-bottom: 0 !important;
  margin-top: 2.5rem;
}

div#firstContainer h3 { color: white; }

div#firstContainer button.btn.btn-lg.btn-warning {
  background-color: #ff7f00 !important;
  border: none !important;
  margin-bottom: 1rem;
}

.btn-orange-bg { background-color: #007aff; }


.col-lg-4 .how-works-wrap {
  background: #f6fbff;
  padding: 0.5rem 0.5rem;
  border-radius: 4px;
  margin-top: 0.5rem;
}

.safe__states-container strong { color: black; }

.container.safe__states-container .col-md-4 .how-works-wrap p,
.container.safe__states-container .col-md-4 .how-works-wrap ul li {
  font-size: 16px;
}

.safe__steps-block {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.safe__steps-block h3 { width: 100%; }

img.safe__banner { margin: 5rem auto; }

.container.safe__states-container .col-md-4 .how-works-wrap p, .container.safe__states-container .col-md-4 .how-works-wrap ul li {
  font-size: 14px;
  line-height: 2.5rem;
}

.container.safe__states-container .how-works-wrap h3 {
  margin-top: 0;
}

@media only screen and (min-width: 768px) {
.col-md-8.safe__content-column-8 { padding: 0 7rem; }
}

@media only screen and (max-width: 425px) {
  .is-sticky { background: #337ab7 !important; }
  .container.safe__states-container p { line-height: 2.75rem !important; }
}