#pergo, .b-galea{
	border: 1px solid #333;
	padding: 40px;
	margin: 30px 0 0 0;
	text-align: center;}
	
@media only screen 
and (max-width : 500px){
#pergo{
	padding: 30px 10px 20px 10px;}
.uno, .dos, .tres, .cuatro{
	margin: 10px auto;}}

@media only screen 
and (min-width : 501px)
and (max-width : 549px) {
#pergo{
	padding: 30px 35px;}
.uno, .dos, .tres, .cuatro{
	width: 100px; height: 85px;
	border-radius: 55px;
	padding: 20px 5px 0 5px;}
.letra1{font-size: 25px; line-height: 28px;}
.letra2{font-size: 17px; }
.letra3{font-size: 13px; }
.letra22{font-size: 13px; line-height: 13px;}
.letra4{font-size: 11px; line-height: 11px;}
.letra5{font-size: 13px; line-height: 13px;}
.letra6{font-size: 37px; line-height: 25px;}
.letra7{font-size: 17px; line-height: 25px;}
.uno{
	float: left;
	margin: 0 0 20px 0;}
.dos{
	float: right;
	margin: 0 0 20px 0;}
.tres{
	float: left;}
.cuatro{
	float: right;}}
	
@media only screen 
and (min-width : 550px)
and (max-width : 699px) {	
#pergo{
	padding: 5%;}
#circulos{
	width: 300px; 
	margin: 0 auto;}
.uno{
	float: left;
	margin: 0 0 20px 0;}
.dos{
	float: right;
	margin: 0 0 20px 0;}
.tres{
	float: left;}
.cuatro{
	float: right;}}
	
@media only screen 
and (min-width : 700px)
and (max-width : 999px) {
#pergo{
	padding: 5%;}
#circulos{
	width: 300px; 
	margin: 0 auto;}
.uno{
	float: left;
	margin: 0 0 20px 0;}
.dos{
	float: right;
	margin: 0 0 20px 0;}
.tres{
	float: left;}
.cuatro{
	float: right;}
}

@media only screen 
and (min-width : 1000px){ 	
.uno{
	float: left;
	margin: 0 32px 0 0;}
.dos{
	float: left;
	margin: 0 32px 0 0;}
.tres{
	float: left;}
.cuatro{
	float: right;}}