@media (max-width: 1200px) {

	.splash .computers{
		width:1000px;
		margin:auto;
	}
	.que_hacemos .panel .inside .que_hacemos_imagen img{
		width:100%;
		margin:auto;
	}
}


@media (max-width: 1100px) {
	.splash .play_spotify{
		display:none;
	}
	.que_hacemos .panel .inside .que_hacemos_imagen img{
		width:80%;
		margin:auto;
	}
	
	div.menu-primary ul li{
		padding-left:1.4em;
	}
	
	.splash .computers{
		width:90% !important;
		margin:auto;
	}
	
}


@media (max-width: 1000px) {

	.splash .play_spotify{
		display:none;
	}
	
	.splash .computers{
		width:800px !important;
		margin:auto;
	}
	.que_hacemos .panel .inside .que_hacemos_imagen img{
		width:80%;
		margin:auto;
	}
	
	div.menu-primary ul li.social_first, div.menu-primary ul li.social{
		display:none;
	}
	
	div.menu-primary ul li{
		padding-left:1em !important;
	}

	div.menu-primary ul li{
		padding-left:0.3em;
	}
	.header .navbar a.navbar-brand img{
		width:140px;
		height:auto;
	}
	
	.header .container{
		width:95%;
		margin:auto !important;
		padding:!important;
	}
	
	.que_hacemos .panel .inside .que_hacemos_imagen img{
		width:40%;
		margin:auto;
	}
	

}


@media (max-width: 850px) {

div.menu-primary ul li{
	padding-left:0.8em !important;
}

.header .navbar a.navbar-brand img{
	width:130px;
	height:auto;
}

}


@media (max-width: 800px) {
	.splash .computers{
		width:90% !important;
		margin:auto;
	}
	.splash .computers img.dispositivos{
		width:90% !important;
		height:auto;
	}
	.container, .navbar , .row{
		margin-left:10px !important;
		margin-right:10px !important;
		padding-left:10px !important;
		padding-right:10px !important;
	}
	.splash .section-content h1{
		font-size:2.5em !important;
		height:90px !important;
		padding-top:10px;
		display:block;
		text-align: center;
		padding-left:20px;
		padding-right:20px;
	}
	.que_hacemos .panel .inside .que_hacemos_imagen img{
		width:80%;
		margin:auto;
	}
	.navbar-header button.navbar-toggle{
		display:none;
	}
	
	a.navbar-brand{
		margin:auto !important;
		text-align:left;

		width:100%;
	}
	div.menu-primary ul li{
		padding-left:0.3em !important;
	}
	
	.header .navbar a.navbar-brand img{
		margin-top:5px !important;
	}
	.header .navbar a.navbar-brand img{
		width:130px;
		height:auto;
	}

}




@media (max-width: 765px) {
	a.ico_contacto{
		display:block !important;
		margin-top:30px !important;
	}
	
	.header.smaller  a.ico_contacto{
		margin-top:10px !important;
	}
}

@media (max-width: 700px) {
	.splash .computers img.dispositivos{
		width:40% !important;
		height:auto;
	}
}

@media (max-width: 550px) {

	.splash .section-content h1{
		font-size:2.5em !important;
	}
	.splash .section-content p{
		font-size:1em !important;
		padding-top:10px;
	}
	.splash .computers img.dispositivos{
		width:80% !important;
		height:auto;
	}
	h1{
		font-size:2.5em !important;
	}
}

@media (max-width: 450px){
	div.header{
		height:70px !important;
	}
	.header .container{
		height:70px;
	}
	
	.header .navbar a.navbar-brand{
		padding-top: 0px !important;
		padding-bottom:0px !important;
		margin-top:0px !important;
		margin-bottom:0px !important;

	}
	
	.header .navbar a.navbar-brand img{
		padding-top: 0px !important;
		padding-bottom:0px !important;
		margin-top:0px !important;
		margin-bottom:0px !important;
		margin-top:-12px !important;
	}
	
	.header.smaller a.navbar-brand img{
			margin-top:0px !important;
	}
	
	a.ico_contacto{
			margin-top:14px !important;
		}
	
	.header.smaller  a.ico_contacto{
		margin-top:10px !important;
	}
	
	
	.splash .computers img.dispositivos{
		width:50% !important;
		height:auto;
	}
	
	.splash{
		margin-top:25px !important;
		padding-top:15px;
	}
	
	.contacto .inside .text{
		margin-top:1em !important;
		margin-bottom:2em;
	}
}