div.gallery img {
  width: 100%;
  height: auto;
}

a.blank {
color: white;
text-decoration: none;
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


/*#home img {      ******si fuera una imagen
	
	
	
	height: 50px; 
	cursor: pointer;
	transition: transform 0.2s ease;
	
	efecto al pasar el raton por encima
}	
	#home img:hover {transform: scale(1.05);}
*/
	

.sticky {
	position: fixed;
	top: 0;
	width: 100%;
  
	background: rgba(0, 0, 0, 0.3);
}

.sticky + .pantalla {
  padding-top: 102px;
}
.pegajoso {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 9000;

	padding: 2rem;
	font-size: 3rem;
	line-height: 0;	
	height: 2rem;
	
	/* border: 3px solid blue; */
	
	padding-bottom: 500px;
}

.mu_th_ur.pegajoso {
scale: 100% 70%;
}

header {display: block;}
	
#sound{
	position: sticky;
	top: 0;
	padding: 0;
	z-index: 2000;
	position: relative;
}
	
	
#sound a{text-decoration: none;}
#sound p{margin-top: 0px;}
#sound .home {margin-left: 50vw;}


.pantalla {padding-left: 1.5rem;}


@media only screen and (max-width: 1024px) {
  .responsive {
    width: 50%;
    margin: 6px 0;
  }
  .pantalla {
	padding: 0.5rem;
  }
  .responsive.top {float: right;}
}

/* @media only screen and (max-width: 768px) { */
  /* .responsive { */
    /* width: 49.99999%; */
    /* margin: 6px 0; */
  /* } */
/* } */

@media only screen and (max-width: 480px) {
  .responsive {
    width: 100%;
  }
}