
/* 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 { display: none; width: 100%; height: auto; top: 30%; background: #ecf0f1; padding: 32px 16px; }
.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) {
}
