a, menu, .texto, a img, .title-music-child, .img-logo{ 
	  	-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%;
		font-family:coameiregular;
		background-color:#111;
		font-size:10px;
		color:#FFF;
	}
	a{
		text-decoration:none;
		color:#FFFFFF;
	}
	a:hover{
		color:#b28711;
	}
	.title-music{
		text-align:center;
		padding:2.5% 5% 1.5% 5%;
		font-size:1.8em;
		border-bottom:2px solid #b28711;
	}
	.title-music-child{
		padding:5px 20px 5px 20px;
		margin:5px;
		cursor:pointer;
	}
	.title-music-child:hover{
		outline:1px solid #b28711;
		color:#b28711;
	}
	.img-musicos{
		width:100%;
		position:relative;
	}
	.white-quad{
		padding:4% 0 4% 0;
		background:#FFF;
		text-align:center;
		color:#b28711;
	}
	.white-quad .frase{
		margin-left:-10%;
		font-size:3.6em;
		font-family:dearjoe4regular;
		color:#b28711;
	}
	.black-quad{
		padding:4% 0 4% 0;
		background:#111;
		text-align:center;
		color:#FFF;
		border-bottom:2px #b28711 solid;
	}
	.titl{
		font-size:2.4em;
		font-family:dearjoe4regular;
	}
	.black-quad .frase, #titl{
		font-size:3em;
		font-family:dearjoe4regular;
	}
	.debajo{
		font-size:1.5em;
		margin:5%;
	}
	.debajo-child{
		display:inline-block;
		margin:3%;
		width:20%;
	}
	.muestra{
		width:25%;
		text-align:left;
	}
	.black-quad2{
		position:relative;
		height:60%;
	}
	#titl{
		margin-top:4%;
	}
	.black-quad-child{
		position:relative;
		width:100%;
		text-align:center;
		height:100%;
	}
	.black-quad-child iframe{
		margin:2% 0 10% 0;
	}
	.black-quad-child p {
		font-size:1.5em;
	}
	a img{
		position:absolute;	
	}
	a .borrar{
		opacity:1;
	}
	a .borrar:hover{
		opacity:0;
	}
	.descript-musicos{
		position:absolute;
		width:28%;
		top:5%;
		left:5%;
		z-index:40;
		font-size:1.4em;
		text-align:justify;
		text-shadow:2px 2px 1px #000;
	}
	.black-quad-child .video{
		margin:0 auto;
		width:65%;
		padding-bottom:38.8%;
		height:100%;
	}
	.black-quad-child .video iframe{
		width:100%;
		height:100%;
	}
	@media all and (max-width:1370px) {
		.menu{
			font-size:1.5em;
		}
	}
	@media all and (max-width:1090px) {
		.menu {
			font-size:1.3em;
		}	
	}
	@media all and (max-width:940px) {
		.menu{
			font-size:1.1em;
		}
	}