.contact-container {
    height: 100%;
    padding: 0 7%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.contact-text {
    margin: 5px 0px;
    width: max-content;
}

@media (max-width: 320px) {
    .contact-text {
        width: min-content;
    }
}

@media (max-width: 768px) {
    a:hover {
        color: black;
    }

    a {
        color: black;
    }
}

@keyframes walkUp {
    from {top: 0px;}
    to {top: -30%;}
}

@-webkit-keyframes walkUp {
    from {top: 0px;}
    to {top: -30%;}
}

.contact {
    color: red;
    animation-name: walkUp;
    -webkit-animation-name: walkUp;
    animation-duration: 3s;
    position: relative;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.insta-button {
    margin-left: 0 !important;
    display: block;
    width: 100%;
    word-wrap: break-word;
    max-width: 100%;
}