.ferramentas { margin-top:10px; margin-bottom:80px; }
.ferramentas h3 { border-top:1px solid #e7e7e7; padding:20px 0 25px; }
.ferramentas #conversores h3 { border:0px; }
.ferramentas .botao { padding:2px 28px; }
.ferramentas .right { float:right; }
.ferramentas .box1 { display:none; }
.ferramentas .box1 ul li { width:90px; height:90px; background:#f5de9c; color:white; font-size:36px; border-radius:50%; font-family:ubuntu; line-height:86px; text-align:center; float:left; font-weight:500; letter-spacing:-2px; margin-right:30px; margin-bottom:30px; cursor:pointer; }
.ferramentas .box1 ul li:last-child { margin-right:0; }
.ferramentas .box1 a { color:white; }
.ferramentas .box2 { display:none; }
.ferramentas .box2 ul li { float:left; margin-bottom:30px; }
.ferramentas .box3 { display:none; }
.ferramentas .box4 { display:none; }
.ferramentas .on { background-color:#f2911c !important; color:white; }

@media only screen and (min-width: 998px) and (max-width: 1100px) { 
}

@media only screen and (min-width: 926px) and (max-width: 997px) { 
}

@media only screen and (min-width: 820px) and (max-width: 925px) { 
}

@media only screen and (min-width: 768px) and (max-width: 819px) {
}

@media only screen and (min-width: 747px) and (max-width: 767px) {
}

@media only screen and (min-width: 620px) and (max-width: 746px) {
}

@media only screen and (min-width: 478px) and (max-width: 619px) {
    .ferramentas .botao { padding:2px 20px; font-size:12px; height:24px; }
	.ferramentas .box1 ul li { width:80px; height:80px; font-size:33px; line-height:76px; margin-bottom:20px; margin-right:20px; }
}

@media only screen and (min-width: 424px) and (max-width: 477px) {
    .ferramentas .botao { padding:2px 20px; font-size:12px; height:24px; }
}

@media only screen and (min-width: 325px) and (max-width: 423px) {
    .ferramentas .botao { padding:2px 20px; font-size:12px; height:24px; }
}

@media only screen and (min-width: 120px) and (max-width: 324px){
    .ferramentas .botao { padding:2px 20px; font-size:12px; height:24px; }
}