a, .menu, .texto, .bajos, .bajos img, .img-logo, .footer a img, .bajos-child, .basses-names{ 
	  	-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	@font-face {
		font-family: 'dearjoe4regular';
		src: url('dj4trial-webfont.eot');
		src: url('dj4trial-webfont.eot?#iefix') format('embedded-opentype'),
			 url('dj4trial-webfont.woff') format('woff'),
			 url('dj4trial-webfont.ttf') format('truetype'),
			 url('dj4trial-webfont.svg#dearjoe4regular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'coameiregular';
		src: url('coamei_r-webfont.eot');
		src: url('coamei_r-webfont.eot?#iefix') format('embedded-opentype'),
			 url('coamei_r-webfont.woff') format('woff'),
			 url('coamei_r-webfont.ttf') format('truetype'),
			 url('coamei_r-webfont.svg#coameiregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	@font-face {
		font-family: 'coameibold';
		src: url('coamei_b-webfont.eot');
		src: url('coamei_b-webfont.eot?#iefix') format('embedded-opentype'),
			 url('coamei_b-webfont.woff') format('woff'),
			 url('coamei_b-webfont.ttf') format('truetype'),
			 url('coamei_b-webfont.svg#coameibold') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	html,body{
		position:relative;
		margin:0;
		border:none;
		padding:0;
		height:100%;
		width:100%;
		overflow:hidden;
		font-family:coameibold;
		background-color:#000;
		font-size:10px;
		color:#FFF;
		text-rendering: optimizeLegibility !important;
   		-webkit-font-smoothing: antialiased !important;
	}
	a{
		text-decoration:none;
		color:#FFFFFF;
	}
	a:hover{
		color:#b28711;
	}
	.img-fondo{
		position:absolute;
		z-index:0;
		opacity:0.95;
	}
	.texto{
		position:relative;
		left:0;
		top:2%;
		width:100%;
		font-size:1.8em;
		text-align:center;
		width:530px;
		margin:0 auto;
	}
	.texto p {
		line-height:24%;
		text-align:center;
	}
	.bajos{
		position:relative;
		width:80%;
		height:60%;
		margin:3% auto 0 auto;
	}
	.bajos-child{
		text-align:center;
		float:left;
		position:absolute;
		bottom:-5%;
		width:25%;
		height:120%;
		z-index:50;
		transform:scale(0.8);
		-ms-transform:scale(0.8);
		-webkit-transform:scale(0.8);	
	}
	.bajos img{
		image-rendering:optimizeQuality;
		height:100%;
		left:10%;	
	}
	.bajos-child:hover{
		transform:scale(1);
		-ms-transform:scale(1);
		-webkit-transform:scale(1);	
	}
	.bajos img:hover{
		-webkit-filter: drop-shadow(5px 5px 10px  rgba(0,0,0,0.9));
		
	}
	#bass1{left:0;}
	#bass2{left:25%;}
	#bass3{left:50%;}
	#bass4{left:75%;}
	.basses-names{
		position:absolute;
		width:100%;
		left:15%;
		top:25%;
		font-size:1.8em;
	}
	.basses-names-child{
		position:absolute;
		width:25%;
		height:20px;
		color:#000;
	}
	#bass-name1{left:0;}
	#bass-name2{left:25%;}
	#bass-name3{left:50%;}
	#bass-name4{left:75%;}
	a img{
		position:absolute;	
	}
	a .borrar{
		opacity:1;
	}
	a .borrar:hover{
		opacity:0;
	}
	@media all and (max-width:1370px) {
		.texto, .menu{
			font-size:1.5em;
		}
	}
	@media all and (max-width:1090px) {
		.texto, .menu {
			font-size:1.3em;
		}	
	}
	@media all and (max-width:940px) {
		.texto, .menu{
			font-size:1.1em;
		}
	}
	@media screen and (max-aspect-ratio: 1300/830){
		.bajos-child{
			bottom:-15% !important; 
		}
		.basses-names{
			left:18% !important;
		}
		
	}
	@media screen and (max-aspect-ratio: 1030/830){
		.bajos-child{
			bottom:-24% !important; 
		}
		.basses-names{
			top:40%;
			left:21% !important;
		}
		
	}