.contacts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-top: 30px;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(221, 179, 45, 1)), color-stop(80%, rgba(221, 179, 45, .8)), to(rgba(221, 179, 45, 1))),
    url("../image/background/workout-zone.webp") center center no-repeat;
    background: -o-linear-gradient(top, rgba(221, 179, 45, 1), rgba(221, 179, 45, .8) 80%, rgba(221, 179, 45, 1)),
    url("../image/background/workout-zone.webp") center center no-repeat;
    background: linear-gradient(to bottom, rgba(221, 179, 45, 1), rgba(221, 179, 45, .8) 80%, rgba(221, 179, 45, 1)),
    url("../image/background/workout-zone.webp") center center no-repeat;
    background-size: cover;
}

.contacts-container {
    width: 400px;
    height: 470px;
}

.contacts-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    padding: 0 10px 0 10px;
}

.contacts-pair {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px 0 10px 0;
}

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

    .contacts-container {
        width: 300px;
    }
}