/* -------------------------------
   Responsive CSS
------------------------------- */

/*  only ie9, ie10, ie11 */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  nav * {
    transition-timing-function: none;
    -moz-transition-timing-function: none;
    -webkit-transition-timing-function: none;
    -o-transition-timing-function: none;
    transition-duration: 0s;
    -moz-transition-duration: 0s;
    -webkit-transition-duration: 0s;
    -o-transition-duration: 0s;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Navigation for iPad Layouts */
  .navbar-nav > li > a {
    border-color: transparent !important;
  }
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  h1 {
    font-size: 48px;
  }
  .intro-motto {
    padding-top: 100px;
  }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .smart-center {
    text-align: center !important;
  }
  .intro-motto {
    padding-top: 60px;
    font-size: 48px;
  }
  .bottom-wave {
    background-size: 100% 45px;
  }
  .top-wave {
    background-size: 100% 45px;
  }
  .statute-background {
    background-position-x: -1000px; /* hide bg */
  }
}