@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body{ background:rgba(0,0,0,1.00); margin:0px; }

h1 { color:rgba(120,25,25,1.00); font-family:"Montserrat", sans-serif; font-size:2.4em; font-weight:800; line-height: 90%; }
h2 { color:rgba(120,25,25,1.00); font-family:"Montserrat", sans-serif; font-size:1.8em; font-weight:500; }
h3 { color:rgba(120,25,25,1.00); font-family:"Montserrat", sans-serif; font-size:1.2em; font-weight:400; }
 p.wh { color:rgba(255,255,255,1.00); font-family:"Montserrat", sans-serif; font-size:1.0em; font-weight:400; line-height:150%; }
 p.bk { color:rgba(0,0,0,1.00); font-family:"Montserrat", sans-serif; font-size:1.0em; font-weight:400; line-height:150%; }

img.headerweb{display: block;}
img.headermovil{display: none;}

button{background: rgb(120,25,25); padding: 3px 8px; color: rgba(255,255,255,1.00); font-family:"Montserrat", sans-serif; font-size:0.8em; font-weight:300; text-transform: uppercase; margin:2px; border: none; }
button:hover{background: rgb(255,255,255); color: rgba(120,25,25,1.00); box-shadow: rgba(0,0,0,0.25) 3px 3px 5px;; }

/* TABLAS */
table{overflow-x:auto; width:100%;}
table thead th{font-family:'Montserrat', sans-serif; font-size:1.0em; font-weight:600; color:#FFF; background:rgba(0,0,0,1.00); border:none; padding:5px 10px; text-align:center; }
table tr td{font-family:'Montserrat', sans-serif; font-size:1.0em; font-weight:400; color:rgba(0,0,0,1.00); border:none; vertical-align:top; padding:5px; text-align:center; }
table tfoot td{font-family:'Montserrat', sans-serif; background:rgba(166,145,77,1.00); border:none; color:rgba(255,255,255,1.00); font-weight:300; font-size:1em; padding:5px; }
tr:nth-child(even) {background:rgba(166,145,77,0.20);}
tr:nth-child(odd) {background:rgba(166,145,77,0.10);}

/* ID */
#content { height:80%; width:35%; padding:7% 10% 7% 55%; text-align: justify; }
#foto { display: none; } 

/* CLASES */
section.bk{ background:url(img/bkgd-music-bk.jpg) 50% 50% fixed; background-size: cover; }
section.wh{ background:url(img/bkgd-music-wh.jpg) 50% 50% fixed; background:rgb(255,255,255); background-size: cover; }
section.gd{ background:url(img/bkgd-music-gd.jpg) 50% 50% fixed; background:rgb(166,145,77); background-size: cover; }


@media screen and (max-width:1080px) {
	h1 { font-size:2.4em; font-weight:800; }
	h2 { font-size:1.8em; font-weight:500; }
	h3 { font-size:1.2em; font-weight:400; }
	p.wh { font-size:1.0em; font-weight:400; }
	p.bk { font-size:1.0em; font-weight:400; }
	
	img.headerweb{display: none;}
	img.headermovil{display: block;}
	
	/* ID */
	#content { height:auto; width:70%; padding:50px 5% 50px 25%; text-align: left; }
	
	/* CLASES */
	section.bk{ background:url(img/bkgd-music-bk.jpg) 75% 0% no-repeat; background-size: 1440px; }
	section.wh{ background: rgba(255,255,255,1.00); }
	section.gd{ background: rgba(166,145,77,1.00); }
}

@media screen and (max-width:900px) {
	/* ID */
	#content { height:auto; width:60%; padding:100px 5% 50px 35%; text-align: left; }

	/* CLASES */
	section.bk{ background:url(img/bkgd-music-bk.jpg) 45% 0% no-repeat; background-size: 1700px; }	
}

@media screen and (max-width:480px) {
	h1 { font-size:1.8em; font-weight:800; }
	h2 { font-size:1.4em; font-weight:500; }
	h3 { font-size:1.2em; font-weight:400; }
	p.wh { font-size:1.0em; font-weight:400; }
	p.bk { font-size:1.0em; font-weight:400; }
	
	img.headerweb{display: none;}
	img.headermovil{display: block;}
	
	/* ID */
	#content { height:auto; width:80%; padding:10%; text-align: left; }
	#foto{ display: block; width: 90%; max-width: 480px; margin: auto; }
	
	/* CLASES */
	section.bk{ background: rgba(0,0,0,1.00); }
	section.wh{ background: rgba(255,255,255,1.00); }
	section.gd{ background: rgba(166,145,77,1.00); }
}