
@media (max-width: 1450px) { 
	#header #franjaMenu #menu_1 a{font-size:22px;  padding-left:30px;  }
	#header #franjaMenu #menu_1 a.Actiu{ font-size:22px;  padding-left:30px; }

	#header #franjaMenu #menu_2 a{ font-size:22px;  padding-right:30px; }
	#header #franjaMenu #menu_2 a.Actiu{ font-size:22px;  padding-right:30px; }
	
	#header #franjaMenu #logo{ padding-left:20px;}
	#header #franjaMenu #logo img{ max-width:100px; }
	
	#listadoGaleria a.galeria{ width:32%; margin-bottom:1.25%; margin-right:1.25%; }
	#listadoGaleria a.galeriaMarginRight{ margin-right:1.25%; }
	#listadoGaleria a.galeria h2{ font-weight:500;  font-size:24px; padding:8px;  }
	#listadoGaleria a.galeria .img{ min-height:280px; }
	
	#listadoArtistas a.artista > .imatge{  min-height:170px; padding-top:60px; }
	#listadoArtistas a.artista > .imatge > h2{ font-size:28px;padding:8px; padding-left:15px; padding-right:15px; }

}

@media (max-width: 1280px) { 
	#listadoArtistas a.artista > .imatge > h2{ font-size:26px;padding:8px; padding-left:10px; padding-right:10px; }
	

}

@media (max-width: 1240px) { 
	.ampla_pagina{ width:100%; padding:40px; padding-top:0; }
	
	#listadoArtistas a.artista .imatge{ min-height:140px;padding-top:40px; }
	

}

@media (max-width: 980px) { 
	#header #franjaMenu #menu_1 a{font-size:22px;  padding-left:15px;  }
	#header #franjaMenu #menu_1 a.Actiu{ font-size:22px;  padding-left:15px; }

	#header #franjaMenu #menu_2 a{ font-size:22px;  padding-right:15px; }
	#header #franjaMenu #menu_2 a.Actiu{ font-size:22px;  padding-right:15px; }
	
	#listadoGaleria a.galeria .img{ min-height:240px; }
	
	#fichaArtista #informacion #biografia{ width:100%; margin-right:0; float:none; margin-bottom:20px !important;  }
	#fichaArtista #informacion #soundCloud{ width:100%;  float:none; }
	#fichaArtista #imagen > h1{ font-size:50px;  }
	
	#listadoPartners a.partner .imatge{ min-height:200px; }
	
	#listadoArtistas a.artista > .imatge > h2{ width:100%;  }

}

@media (max-width: 900px) { 
	#header #menuPC{ display:none; }
	#header #menuMobil{ display:inherit; }
	
	#header{ position:relative; z-index:999; width:100%;  padding-bottom:20px; }
	
	#interiors > h1{ font-size:36px; width:45%; padding-bottom:10px;margin-bottom:20px !important; }
	
	.threeColumns {
    
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
		
		-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
		-moz-column-gap: 40px; /* Firefox */
		column-gap: 40px;
	}
	#listadoGaleria a.galeria{ width:48%; margin-bottom:1.25%; margin-right:1.25%; }
	#listadoGaleria a.galeriaMarginRight{ margin-right:1.25%; }
	#listadoGaleria{ margin-top:45px; }
	
	
	#listadoArtistas a.artista{width:48%;margin-bottom:1.25%; margin-right:1.25%;  }
	#listadoArtistas{ margin-top:45px; }
	
	#fichaArtista #imagen > h1{ font-size:40px;  }
	
	#listadoPartners{ margin-top:45px; position:relative;  }
	
	#listadoPartners a.partner .imatge{ min-height:170px; }

}

@media (max-width: 600px) { 
	#listadoGaleria a.galeria{ width:100%; margin-bottom:10px; margin-right:0; }
	#listadoGaleria a.galeriaMarginRight{ margin-right:0; }
	#listadoGaleria a.galeria h2{min-height:inherit;  }
	
	#listadoArtistas a.artista{width:100%;margin-bottom:10px; margin-right:0;  }
	#listadoArtistas a.artistaMarginRight{ margin-right:0; }
	
	#listadoArtistas a.artista > .imatge > h2{ opacity:0.6; font-size:26px; width:80%;  }
	
	.twoColumns {
    
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
		
		-webkit-column-gap: 0; /* Chrome, Safari, Opera */
		-moz-column-gap: 0; /* Firefox */
		column-gap: 0;
	}
	#fichaArtista #imagen > h1{ font-size:30px;  }
	
	#listadoPartners a.partner{  width:48%; float:left; margin:1%; position:relative;  display:block; text-decoration:none;background-color:#000000; text-align:center; padding:20px; }
#listadoPartners a.partner img{ max-width:250px; }
#listadoPartners a.partnerMarginRight{ margin-right:0; }
}


@media (max-width: 500px) { 
	#interiors > h1{ font-size:36px; width:80%; padding-bottom:10px;margin-bottom:20px; }
	
	.threeColumns {
    
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	
	-webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap: 0px; /* Firefox */
    column-gap: 0px;
	}
	.ampla_pagina{ width:100%; padding:20px; padding-top:0; }
	
	#header #redes #xarxes{ width:40%;  margin-top:8px; }
	#header #redes #idiomes{ width:40%; min-width:150px; }
	
	#header #menuMobil #logo{ width:100%; text-align:center; padding-top:15px; }
	#header #menuMobil #logo img{  max-width:70px;  }
	
	
}






