/*# sourceMappingURL=detroitmi.base.css.map */
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,700,900');

body {font-family: 'Montserrat', sans-serif, Helvetica, Arial; font-size: 16px; color: #18252a; font-weight: 300;}

h1, h2, h3, h4, h5, h6 {font-weight: 900 !important; line-height: 1.3em;}

h1 {font-size: 48px; margin-top: 50px;}
h2 {font-size: 40px; margin-top: 50px;}
h3 {font-size: 32px; margin-top: 50px;}
h4 {font-size: 24px; margin-top: 50px;}
h5 {font-size: 20px; margin-top: 50px;}
h6 {font-size: 16px; margin-top: 50px;}

dd {margin-left: 0;}

a[href^="tel:"] {
  white-space: nowrap;
} /*
a[href^="tel:"]:before {
  content: "\260e";
  margin-right: 0.5em;
} */

@media screen and (min-width: 768px) {
  body {margin-top: 0 !important;}
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-addon, .form-control, .btn {
  border-radius: 0;
}

.ui-autocomplete, .input-group-addon {
 border-radius: 0 !important;
 border: none !important;
}

.btn {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 900;
  background: transparent;
  border: 3px solid #004445;
  padding: 9px 12px;
}
.btn-info:hover {
  color: #18252a;
  background: #9fd5b3;
}

@media (max-width: 768px) {
  /* h1, h2, h3, h4, h5, h6 {hyphens: auto;} */
  h1 {font-size: 9vw;}
  h2 {font-size: 8vw;}
  h3 {font-size: 7vw;}
}