/*
#5d5c61 - liver gray
#379683 - light gray
#7395ae - azure
#557a95 - blue
#b1a296 - sand
*/
@import url('https://fonts.googleapis.com/css?family=Lato');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
  font-family: "Open Sans","Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto; }

.btn-primary {
  background-color: #557a95;
  border-color: #557a95; }
  .btn-primary:hover {
    background-color: #557a95;
    border-color: #557a95; }
 
  .btn-primary.disabled, .btn-primary:disabled {
    background-color: #557a95;
    border-color: #557a95; }

h1, h2, h3, h4, h5, h6 {
  color: #5d5c61; 
  font-family: "Lato","Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto; 
  font-weight: 400;
  }

h1, .h1 {
  font-size: 1.5rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  letter-spacing: -0.5px; }
  @media (min-width: 576px) {
    h1, .h1 {
      font-size: 2rem; } }
  @media (min-width: 992px) {
    h1, .h1 {
      font-size: 2.5rem;
      margin-bottom: 1.25rem; } }

h2, .h2 {
  font-size: 1.25rem;
  line-height: 1.1;
  margin-bottom: 1rem;
  letter-spacing: -0.1px; }
  @media (min-width: 576px) {
    h2, .h2 {
      font-size: 1.5rem; } }
  @media (min-width: 992px) {
    h2, .h2 {
      font-size: 2rem;
      margin-bottom: 1.25rem; } }

h3, .h3 {
  font-size: 1rem;
  line-height: 1.1;
  margin-bottom: 1rem;
  letter-spacing: 0; }
  @media (min-width: 576px) {
    h2, .h2 {
      font-size: 1.25rem; } }
  @media (min-width: 992px) {
    h2, .h2 {
      font-size: 1.5rem;
      margin-bottom: 1.2rem; } }

  h4, .h4 {
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  letter-spacing: 0.1px; }
  @media (min-width: 576px) {
    h4, .h4 {
      font-size: 1.1rem; } }
  @media (min-width: 992px) {
    h4, .h4 {
      font-size: 1.25rem;
      margin-bottom: 1.2rem; } }