.contactblock {
    text-align: left;
}

.blockrow {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
    padding: 180px 0;
    align-items: flex-start;
}

.icon {
    width: 28px;
    height: 28px;
    filter: brightness(0) invert(1);
    margin: 2px;
}

@keyframes shake {

    0%,
    100% {
        transform: translateY(0);
    }

    20%,
    60% {
        transform: translateY(-5px);
    }

    40%,
    80% {
        transform: translateY(5px);
    }
}

.icon:hover {
    animation: shake 0.3s;
}

footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

@media (max-width: 768px) {
    .blockrow {
        flex-direction: column;
        padding: 60px 0;
        margin: 20px 0;
        align-items: flex-start;
        gap: 20px;
    }

    .icon {
        width: 24px;
        height: 24px;
        margin: 4px 0;
    }

    footer {
        position: static;
        width: 100%;
        padding: 20px 10px;
    }
}

@media (max-width: 480px) {
    .blockrow {
        padding: 40px 0;
        margin: 15px 0;
    }

    .icon {
        width: 20px;
        height: 20px;
    }
}