@media only screen and (max-width : 992px) {
    .parallax img {
      max-height: 130%; /* or a little bit higher */
    }
  }

  @media only screen and (min-width: 993px) {
    .parallax img {
      max-height: 170%; /* or higher percentages. It's up to your taste */
    }
  }

  nav {
    background-color: #173951;
  }

  .page-footer {
    background-color: #173951;
  }

  .footer-copyright {
    background-color: #27628b;
  }

  .atm-blue {
    background-color: #173951;
  }

  .atm-grey {
    background-color: #BABABA;
  }

  .atm-red {
    background-color: #782839;
  }

  .btn:hover {
    background-color: #782839 !important;
  }

  .btn-small:hover {
    background-color: #782839 !important;
  }

  .btn-large:hover {
    background-color: #782839 !important;
  }

  .atm-blue-text {
    color: #173951;

  }

  .atm-red-text {
    color: #782839;
  }
  
 .parallax-container {
    height: 32.5em;
  }

 .carousel {
    height: 35em;
  }