/* 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: #000;
		padding: 32px 16px;
	}
	.nav li {float: none;}
	.nav li a:after{content:"";}

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

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

	.header-text{ margin-bottom: 20%; }

}

/* 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;
	}

	.header { margin-top: -3%; }

	#logo-name.logo { margin-top: 20px; line-height: 0; }

	.header-text{ width: 75%; margin-bottom: 5%; }

	.text-slides{
		font-size: 12px;
		/*font-size: calc(0.5vw + 0.5vh + 5vmin);*/
		line-height: 32px;
	}
	.home {background-attachment:scroll;}

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

	/* NUMBERS FONDO SIN MOVIMIENTO */
	.counter{
	background: 
	url(../images/pattern-1.png) left top repeat,
	url(../images/parallax/parallax-bg-3.jpg) center center;
	background-size: cover;
	padding:0 0 32px 0;
	text-align: center;
	overflow: hidden;
	color:#fff;
	}

	#slogan { font-size: calc(0.5vw + 0.5vh + 3vmin); }

	a.header-down-arrow { margin-top: 0; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {
	.header { margin-top: 15%; }
}


/* 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) {}