.contact-title{
    text-align: center;
}

.map-size{
    width: 100%;
    height: 430px;
}

.contact-info{
    width: 100%;
    justify-content: flex-start;
    margin-bottom: .5rem;
    align-items: center;
}

.contact-icon{
    width: 5%;
}

.contact-info-description{
    font-size: .8rem;
}

/*    ---- ============================================================================================================ ----    */
/*    ---- Responsividade ---- */
@media (min-width: 768px) {
    .map-size{
        width: 100%;
        height: 430px;
    }
}

@media (min-width: 1024px) {
    .map-size{
        width: 450px;
        height: 370px;
    }
    
    .contact-info{
        text-align: center;    
    }
    
    .contact-icon{
        width: 10%;
    }
    
    .contact-info-description{
        font-size: .7rem;
    }
}