@media screen and (max-width: 1020px) {
    .container {
        width: 90%;
    }
}
@media screen and (max-width: 620px) {
    .number {
        display: none;
    }

 /* contact ------------------------------------------- */
    .contact_flex{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    /* footer ------------------------------------------- */
    .footer_descriptor {
        display: none;
    }
    .footer_mumber {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    /* contact ------------------------------------------- */
    .contact_element {
        margin: .5rem 0;
    }
}