/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  .site-logo {padding-left: 16px;}

  /* Navigation */
  .mobile-nav-button {display: block;}
  .nav-menu {
    top: 30%;
    display: none;
    padding: 32px 16px;
    width: 100%;
    height: auto;
    background: #ecf0f1;
  }
  .nav li {float: none;}
  .nav li a:after {content: "";}

  /* Home Section */
  .text-slides {
    font-size: 32px;
    line-height: 40px;
  }

  /* Parallax Backgrounds */
  .testimonials,
  .services-list,
  .counter,
  .accordion,
  .static-testimonial {
    background-attachment: initial;
    background-position: center top;
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /* Home Section */
  .home {background-attachment: scroll;}

  /* Portfolio */
  .item h5 {display: none;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  /* Home Section */
  .header .logo {
    font-size: 72px;
    line-height: 80px;
  }
  .text-slides {
    font-size: 24px;
    line-height: 32px;
  }
  .home {background-attachment: scroll;}

  /* Layout */
  .columns,
  .column {margin-bottom: 24px !important;}
  #google-map {height: 300px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 568px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 567px) {}