.contact{
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    position: relative;
    width: 200px;
    height: 50px;
    margin-right: auto;
    flex-direction: row;
    align-items: center;
}

.contact img:hover {
    transform: scale(1.1);
    transition: transform 0.2s ;
}

.contact img:active {
    transform: scale(0.9);
}

.contact img {
    margin: 8px;
    height: 35px;
    width: 35px;
    transform: scale(1);
    cursor: pointer;
    border-radius: 50%;
    transition: transform 0.5s;
}


@media screen and (max-width: 768px) {
    .contact {
        display: none;
    }
}