@media screen and (max-width: 1150px) {
    .representatives_info .representatives_address .representatives_contact{
        width: 40%;
    }
}
@media screen and (max-width: 1000px) {
    .representatives .representatives_info .representatives_address{
        flex-direction: column;
        align-items: center;
    }
    .representatives_info .representatives_address .representatives_contact{
        width: 100%;
    }
    .representatives_info .representatives_address .map_representatives{
        display: flex;
        justify-content: center;
        width: 100%;
        height: 60rem;
    }
    .representatives .representatives_info p{
        text-align: center;
    }
}
@media screen and (max-width: 500px){
    .representatives_info .representatives_address .map_representatives{
        height: 50rem;
    }
}