@media screen and (max-width: 1200px){
.diseñografico-titulo h1 span{ background: green;}







}










@media screen and (max-width: 1100px){

.diseñografico-titulo h1 span{ background:yellow;}

	
}






@media screen and (max-width: 1000px){
.diseñografico-titulo h1 span{ background: red;}


/*webbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb*/
/* tituloooooooooooooooooooooooooooooo */
.diseñografico-titulo h1{ font-size: 30px}
.diseñografico-titulo p{  width: 80%;text-align: justify;}
	
}











@media screen and (max-width: 900px){
.diseñografico-titulo h1 span{ background: orange;}


	
}








@media screen and (max-width: 800px){
.diseñografico-titulo h1 span{ background: brown;}


/* trabajosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
.diseñografico-trabajos{ grid-template-columns: repeat(2,1fr)}

}










@media screen and (max-width: 700px){
.diseñografico-titulo h1 span{ background: pink;}


	
}











@media screen and (max-width: 600px){
.diseñografico-titulo h1 span{ background: purple;}


	
}












@media screen and (max-width: 500px){
.diseñografico-titulo h1 span{ background: blue;}


/*webbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb*/
/* tituloooooooooooooooooooooooooooooo */


.diseñografico-titulo h1{ font-size: 20px}
.diseñografico-titulo p{  width: 100%;}



/* trabajosssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
.diseñografico-trabajos{ grid-template-columns: repeat(1,1fr)}



	
}











@media screen and (max-width: 400px){
.diseñografico-titulo h1 span{ background: silver;}


	
}