.btn-categorias {
    border: 1px solid black;
}

#box-categorias {
    /*font-size: 0.8rem;*/

}

.box-categoria {
    position: relative;
}

.box-categoria-texto {
    text-align: right !important;
    position: absolute;
    top: 45%;
    right: 3%;
    color: #fff;
}

.box-cat-p1 {
    margin-bottom: 0px;
    font-weight: bold;

}

#box-cadastro-aqui {}

#box-cadastro-aqui p {
    color: #585858;
    font-size: 1.2rem;
    font-weight: 700;
}

#box-cadastro-aqui a {
    text-decoration: none;
    background-color: #56A019;
    color: #fff;
    font-weight: bolder;
    padding: 10px 15px;
    font-size: 1.7rem;
    border-radius: 8px;
    
}

.box-categoria {
    height: 100px;
}

.box-categoria-img img {
    
    position: absolute;
    
}

#icon-casa {
    width: 40%;
    top: 28%;
    left: 3%;
}

#icon-gastronomia {
    width: 40%;
    top: 28%;
    left: -2%;
}

#icon-servicos {
    width: 40%;
    top: 28%;
    left: 3%;
}

#icon-compras {
    width: 40%;
    top: 22%;
    left: 3%;
}

#icon-saude {
    width: 34%;
    top: 32%;
    left: 3%;
}

#icon-educacao {
    width: 42%;
    top: 22%;
    left: 3%;
}

.titulo-busca {
    font-size: 1rem;
}

@media only screen and (max-width: 540px) {
    .box-cat-p1 {
        font-size: 0.8rem;
    }

    .box-cat-p2 {
        font-size: 0.8rem;
    }

    .titulo-busca {
        font-size: 0.8rem;
    }

    #box-cadastro-aqui a {        
        font-size: 1.5rem;
        
    }

}


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

}

@media only screen and (min-width: 421px) and (max-width: 1439px) {
    .box-categoria {

        height: 120px;
    }

    .box-categoria-img img {
       
        position: absolute;
        
    }

    #icon-casa {
        width: 22%;
        top: 8%;
        left: 3%;
    }

    #icon-gastronomia {
        width: 22%;
        top: 8%;
        left: 3%;
    }

    #icon-servicos {
        width: 22%;
        top: 8%;
        left: 3%;
    }

    #icon-compras {
        width: 20%;
        top: 8%;
        left: 4%;
    }

    #icon-saude {
        width: 18%;
        top: 12%;
        left: 5%;
    }

    #icon-educacao {
        width: 22%;
        top: 2%;
        left: 3%;
    }

}

@media only screen and (min-width: 1440px) {
    .box-categoria {
        height: 120px;
    }

    #icon-casa {
        width: 18%;
        top: 8%;
        left: 3%;
    }

    #icon-gastronomia {
        width: 18%;
        top: 8%;
        left: 3%;
    }

    #icon-servicos {
        width: 18%;
        top: 8%;
        left: 3%;
    }

    #icon-compras {
        width: 16%;
        top: 8%;
        left: 4%;
    }

    #icon-saude {
        width: 14%;
        top: 12%;
        left: 5%;
    }

    #icon-educacao {
        width: 18%;
        top: 2%;
        left: 3%;
    }
}