/*sectorrrr 2222222222222222222222222222222222222222222*/
.barras{ width: 40%;
		   float: left;
		   padding: 0px 0px 0px 0px}


/*tituloooooooo*/

.barras-titulo{ width: 100%;
		            text-align: center;
		            background: #efefef;
		            padding: 10px 0px 10px 0px}

.barras-titulo h1{ font-family: ebrima;
					   font-size: 15px;
					   color: #111;
					   margin: 0px;}
/*imagennnnnn*/
.barras-img{ width: 100%;
		         text-align: center;
		         padding: 20px 0px 0px 0px}

.barras-img p{ font-family: sans-serif;
				   font-size: 12px;
				   color: #222;
				   margin: 0 }		         

.barras-img img{ width: 100%;
				     max-width: 500px}










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


/*sector 22222222222222222222222222222222222222222*/

.barras{ width: 100%;
		   padding: 0px 0px 0px 0px}
/*titulo*/
.barras-titulo h1{font-size:14px}

/*img*/

.barras-img p{ font-size: 11.5px;}




}







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


/*sector 22222222222222222222222222222222222222222*/

/*img*/


.barras-img p{ font-size: 11px;}


}