@media screen and (max-width: 500px){
    .texto-que-hacemos{
    padding: 0px 10px;
}
    .frase {
    font-size: 2.1em;

}
    .display-none{
        display: none;
    }
    .proyecto_mobile{
        display: block;
    }

	.proyecto .slider-wrapper{
		width: 90%;
		margin:0 auto;
		text-align: center;
		float: none;
		display: block;
		margin-top: 4em;
	}

	header nav ul{
		padding:0;
	}

	section .sub-menu a.volver{
		text-align: center;
		float: none;
		width: 100%;
		position: relative;
		display: block;
		margin-bottom: 0em;
		margin-top: 1.5em;

	}

	section .sub-menu a.volver:after{
		display: none;
	}

	.proyecto section .sub-menu ul{
		padding:0;
		float: left;
		position: relative;
		clear: left;
		width: 100%;
		text-align: center;
	}

	.proyecto .container{
		width:95%;
	}

	.proyecto .bx-wrapper .bx-pager{
		margin-top:-1em;
	}

	.proyecto .right-side{
		width: 90%;
		margin:0 auto;
		display: block;
		float: none;
	}

	.proyectos .wrapper div.grid{
		width: 100%;
		padding-bottom: 75%;
	}

	.familia .four-col, .familia .seven-col, .familia .five-col{
		width: 90%;
		margin: 0 auto;
	}

	.familia .five-col{
		text-align: center;
		float: none;	
	}

	.familia .five-col img{
		margin: 0 auto;
		width: 40%;
		float: none;
		margin-bottom: 1.5em;

	}

	.familia .four-col{
		text-align: center;
	}

	.familia .four-col img{
		width: 10%;
		margin: 0 auto;
	}



	.familia li.four-col h5{
		margin-left: 0;
	}

	.empleo-cta{
    	position: fixed;
    	z-index: 9999;
    	right: 22%;
	}

	.familia ul.aliados{
		padding: 0;
	}

	.familia li.four-col{
		border: 0;
	}

	.foto_perfil{
		height: 380px;
		margin-top: 100px;
	}

	body .mobile-hidden{
		display: none;
	}

	#quehacemos .only-mobile p{
		font-family: 'Roboto', sans-serif;
		font-weight: lighter;
	}

	#quehacemos .only-mobile ul{
		padding: 0;
		list-style: none;
		width: 90%;
		margin: 0 auto;
	}

	#quehacemos .only-mobile ul li{
		border-top: 1px solid #ccc;
		padding-top: 2em;
		padding-bottom: 1em;
	}

	#quehacemos .only-mobile ul li.no_border{
		border: none;
		padding-top: 0;
	}

	#quehacemos .only-mobile ul li i{
		background-position:0px 0px; 
	}

	#quehacemos .only-mobile ul li i.int{
		background-position:-70px 0px; 
	}

	#quehacemos .only-mobile ul li i.dis{
		background-position:-140px 0px; 
	}

	#quehacemos .only-mobile ul li i.str{
		background-position:-210px 0px; 
	}

	body .only-mobile{
		display: block;
	}

	#quehacemos .only-mobile h3{
		color: #00617b;
	    font-size: 2em;
	    font-weight: lighter;
	    margin: 0;
	    text-transform: uppercase;
	}

	.tips{
		display: none;
	}

	.quote{
		display: none;
	}

	.bio{
		display: none;
	}

	#conectamos.six-col{
		margin: 0;
	}

	body h2{}

	.hacemos h2{
		margin-top: 1.5em;
	}

	.small_bar .main_nav{
		margin: 0;
	}

	.fixed.small_bar h1{
		margin:0.4em 0;
	}

	#equipo h3, #equipo h4, #equipo p{
		text-align: center;
	}

	#equipo h4{
		font-size: 3.25em;
	}

	#equipo .bx-wrapper .bx-pager{
		margin-top: -7em;
	}

	#equipo .foto_perfil .nombre{
		left: auto;
	}

	#equipo .nombre p{
		font-size: 1.5em;
	}

	#equipo h3{
		font-size: 2.25em;
	}

	.contacto{
		margin-top: -3em;
	}
	
	#equipo .nombre{
		top:3%;
		width: 70%;
	}

	#equipo .foto_perfil{
		width: 70%;
	}

	.familia .four-col{
    width: 100%;
	}

	.familia .four-col img{
    width: 80%;
    margin: 0 auto;
	}

	.testimonios_wrapper .four-col{
		width: 80%;
		float: none;
		margin: 2em auto;
		border-top: 1px solid #aaa;
		padding-top: 20px;
	}

	.testimonios_wrapper .four-col.no_border{
		border: 0;
		margin-top: 0;
		padding-top: 0;
	}

	.contacto ul li{
		font-size: 1.4em;
	}

	.social_nav {
	    margin: 14px auto 0;
	    max-width: 277px;
	}


	.inicio hgroup{
		text-align: center;
		margin-top: 60px;
	}

	.inicio h2 {
		font-size: 3.5em;
		text-align: center;
	}

	.inicio h3{
		font-size: 2.8em;
	}

	.menu{
		margin-top: 1em;
	}

	.inicio h4{
		font-size: 2.5em;
	}

	.inicio h5{
		font-size: 2em;
	}

	.inicio h6{
		font-size: 1.3em;
	}

	.main_nav{
		margin: 0;
	}

	.inicio .six-col.relative{
		display: none;
	}

	.inicio .six-col{
		width: 100%;
	}

	.inicio{
		height: 330px;
	}

	.inicio .button{
	  text-align: center;
	  margin: 0 auto;
	  float: none;

	}
	.inicio .button:after{
		display: none;
	}

	.inicio .large{
		padding:1em 1.375em 1em 1.375em; 
		margin-top: .7em;	
	}

	.familia .four-col img{
    	width: 80%;
    	margin: 0 auto;
	}

	.container .wrapper{
		text-align: center;
	}

	.inicio hgroup{
		margin-bottom: 2.5em;
	}


}

@media screen and (max-width: 768px){
	
	body .bx-controls-direction .bx-prev {
		left: 1em;
	}

	body .bx-controls-direction .bx-next {
		right: 1em;
	}

	.main_nav ul{
		display: none;
		padding: 0;
	}

	.proyectos .wrapper div.grid{   
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
	}

	.wrapper.clearfix.p-right{
		padding-right: 10px;
	}

	h2{
		line-height: 100%;
	}

	h2:after{
		display: none;
	}


    .main_nav{
		width: 100%;
		background: #000;
		padding: 0;

		}

	.only-mobile{
		display: none;
	}

	.main_nav ul li{
		width: 100%;
		text-align: center;
		margin: 1em 0;

	}

	.inicio .six-col .imac{
    width: 100%;
	}

	.small_bar.white_bar .menu, .small_bar.white2_bar .menu, .small_bar.white3_bar .menu{
		color: #393939;
	}


	.overlayer{
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	    bottom: 0;
	    height: 30%;
	    opacity: 1;
	    position: absolute;
	    right: 4%;
	    text-align: right;
	    width: 96%;
	}

	.proyectos .grid a h3{
		margin-top: 0.5em;
		font-size: 1.5em;
		text-align: right;
		float: right;
		margin-right: 20px;
	}

	.proyectos .grid a p{
		font-family: 'Roboto', sans-serif;
		text-transform: uppercase;
		font-size: 0.6em;
		letter-spacing: 0.3em;
		color: #fff;
		float: right;
		margin-right: 20px;	
	}

	.proyectos .grid a{
		display: block;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		color: #fff;
		position: absolute;
		top: 0;
		text-decoration: none;
	}

	.contacto .five-col{
		width: 70%;
	}

	.contacto li{
		text-align: center;
	}

	.contacto ul li i{
		margin: 0 auto;
		float: none;
		margin-top: 1em;
	}

	.contacto li p{
		clear: left;
		margin: 0;
	}

	.contacto ul li.mail p{
		padding: 0;
	}

	.tablet-hidden{
		display: none;
	}
}


@media screen and (min-width: 769px){
	.fixed .menu{
		display: none;
	}

	.proyecto .right-side{
		min-height: 440px;
	}

	.proyectos .wrapper div.twelve-col.grid{
		padding-bottom: 59%;
	}

	.only-mobile{
		display: none;
	}

	.proyectos .grid a{
		display: block;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.8);
		color: #fff;
		position: absolute;
		top: 0;
		text-align: center;
		text-decoration: none;
	}

	.red_bar .main_nav ul li a{
		color:rgba(255, 255, 255, 0.50);
	}

	.red_bar .main_nav ul li a.active, .red_bar .main_nav ul li a:hover{
		color: #fff;
	}

	.proyectos .grid a span{
		text-transform: uppercase;
	}

	.proyectos .grid a h3{
		margin-top: 2.5em;
	}

	.proyectos .grid a h3.big-name{
		margin-top: 5em;
		font-size: 3em;
	}

	.overlayer{
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		position: absolute;
		top: 0;
		opacity: 0;
	}

	.proyectos .grid a:hover .overlayer{
		opacity: 1;
	}


	.proyectos a:hover{
		opacity: 1;
	}

	* {
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
	}

}

/*Solo Tabletas*/
@media screen and (min-width:501px) and (max-width: 768px){ 
	.proyectos .wrapper div.grid{
		width: 50%;
		padding-bottom: 35%;
	}

	.proyecto .slider-wrapper{
		width: 90%;
		margin: 0 auto;
		display: block;
		float: none;
	}

	body.proyecto .bx-controls-direction{
		display: block;
	}

	body.proyecto .bx-controls-direction a{
		top:25%;
	}

	body.proyecto .bx-controls-direction a.bx-prev{
		left: -1em;
	}

	body.proyecto .bx-controls-direction a.bx-next{
		right: -1em;
	}

	

	.proyecto .right-side{
		width: 90%;
		margin: 0 auto;
		display: block;
		float: none;
	}

	.proyecto .container{
		width: 90%;
	}

	.proyecto .right-side{
		margin-top: 0px;
	}

	.familia .five-col img{
		margin-left: 4em;
	}

	.familia li.four-col h5{
		margin-left: 0;
	}

	img.imac{
		margin-left: 0;
	}

	.empleo-cta{
    	position: fixed;
    	z-index: 9999;
    	right: 5%;
    	bottom:0.8em;
	}

	.only-mobile{
		display: none;
	}

	hgroup h4{
		font-size: 2.4em;
	}

	hgroup h3{
		font-size: 4.8em;
	}

	hgroup h5{
		font-size: 2.75em;
		margin-top: -1.6em;
	}

	.six-col.relative{
		margin: 2em 0;
	}

	img.iphone{
		width: 22%;
		right: -30px;
	}

	.inicio .six-col .imac{
		width: 112%;
	}

	.familia .four-col img{
    width: 80%;
    margin: 0 auto;
	}

	.inicio{
		max-height: 365px;
	}

	.familia .four-col img{
    width: 100%;
	}

	.hacemos h2{
		margin-top: 2em;
	}

	.small_bar .main_nav{
		margin: 0;
	}

	.menu{
		margin: 0.8em;
	}

	.familia .four-col img{
		width:86%;
	}

	.contacto{
		margin-top: -26px;
	}

	
}