.title{
    display: flex;
    justify-content: center;
    margin-top: 2%;
}

.title h1{
    font-size: revert;
}

.title h2{
    font-weight: bold;
    font-size: xx-large;
}
.sub-title{
    display: flex;
    margin-top: 2%;
    justify-content: center;
}

.sub-title span{
    font-size: smaller;
    color: #505356;
}

.heading{
    display: flex;
    justify-content: center;
    margin-top: 2%;
}

.heading span{
    font-size: medium;
}

.card-imovel{
    display: flex;
    justify-content: center;
    margin-top: 2%;
}

.info-imovel{
    display: grid;
    grid-template-columns: 1fr 3fr;
    width: 50%;
    justify-items: start;
}

.price-imovel{
    display: flex;
    flex-direction: column;
}

.title-imovel{
    margin-bottom: 1%;
}

.title-imovel h3{
    font-weight: bold;
    font-size: x-large;
}

.desc-imovel{
    margin-top: 3%;
}

.detalhe{
    margin-top: 6%;
}

.detalhe span{
    color: #868686;
    margin-right: 1%;
}
.img-imovel{
    margin-right: 2%;
}
.title-imovel a{
    text-decoration: none;
    color: black;
}

.title-imovel a:hover{
    color: #ff0d0d;
}
@media (max-width: 975px){
    .info-imovel{
        display: grid;
        width: 50%;
        justify-items: start;
        grid-template-columns: none;
    }

    .card-imovel{
        display: flex;
        justify-content: center;
        margin-top: 2%;
        align-items: center;
    }
    .img-imovel{
        margin-right: 2%;
    }
}

@media (max-width: 674px){
    .info-imovel
    {
        display: grid;
        grid-template-columns: 1fr 2fr;
        width: 75%;
        justify-items: start;
    }
}

@media (max-width: 540px){
    .info-imovel {
        display: grid;
        width: 75%;
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .card-imovel {
        display: flex;
        justify-content: center;
        margin-top: 2%;
        align-items: center;
        flex-direction: column;
    }
}