.social-block {
    display: -webkit-flex;
    display: flex;
}

.social-block__reg {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-align-items: center;
    align-items: center;
    width: 500px;
    margin: auto
}
.social-block__lg{
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    width: 265px;
    margin: auto;
}

.social-block__lg > p{
    font-size: 14px;
}

.social-images {
    display: -webkit-flex;
    display: flex;
}

.social-images__reg {
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 20px;
}

.social-images__lg {
    display: -webkit-flex;
    display: flex;
}



.social__vk{
    background: url(/images/social/vk.svg) 50% no-repeat;
}

.social__ok{
    background: url(/images/social/ok.svg) 50% no-repeat;
}

.social__fb{
    background: url(/images/social/fb.svg) 50% no-repeat;
}

.social__vk:hover{
    background: #4c75a3 url(/images/social/vk_white.svg) no-repeat 50%;
}

.social__ok:hover{
    background: #ed812b url(/images/social/ok_white.svg) no-repeat 50%;
}

.social__fb:hover{
    background: #3b5999 url(/images/social/fb_white.svg) no-repeat 50%;
}

.social {
    width: 32px;
    height: 32px;
    border: 1px #d4d1d1 solid;
    border-radius: 1px;
    margin-left: 5px;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    .social-block__reg {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        width: auto;
        margin: auto;
    }

    .social-images {
        margin-left: 0px;
    }
}