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

/*graficooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
.grafico-info h1{ font-size: 50px}

.grafico-info h2{ font-size: 19.5px}

.grafico-info p{ font-size: 15px}


}






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





}






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

#grafico{ width: 100%;
			 padding: 100px 20px 70px 20px}


/*graficooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
/*imagennnn*/
.grafico-img img{ width: 100%;
					 max-width: 200px}

/*infoooooo*/
.grafico-info h1{ font-size: 45px}

.grafico-info h2{ font-size: 25px}

.grafico-info p{ font-size: 14px}

/*btnnnnnnnn*/
.grafico-info-btn{ }
	






















}
















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

/*graficooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/

.grafico-info h2{ font-size: 18px}






/*trabajossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/*gridddddd*/
.trabajos{ grid-gap: 20px;
		   grid-template-columns: repeat(2,1fr)}
	
}
















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





}











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


/*graficooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
#grafico{ width: 100%;
			 padding: 70px 20px 70px 20px}
/*imagennnn*/
.grafico-img{ width: 100%}

/*infoooooo*/
.grafico-info{ width: 100%;text-align: center;}
.grafico-info h1{ font-size: 35px;
				     font-weight: 500}

.grafico-info h2{ font-size: 17px}

.grafico-info p{ font-size: 14px}

/*btnnnnnnnn*/
.grafico-info-btn{margin: 20px auto 0px auto}





}















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



	
}















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

/*graficooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo*/
#grafico{ width: 100%;
			 padding: 50px 20px 70px 20px}



/*trabajossssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss*/
/*gridddddd*/
.trabajos{ grid-template-columns: repeat(1,1fr)}			 

	
}










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



	
}