#page-container {
    display: flex;
    flex-wrap: wrap;
}
#contact-intro {
    text-align: center;
    width: 100%;
    margin-top: 26px;
    margin-bottom: 22px;
}
#contact-intro > * {
    font-size: 27px;
    margin: 0;
}
#link-block, #form-container {
    width: 100%;
}
#link-block h2 {
    font-size: 28px;
    margin: 0;
}
#link-block .link-container {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0px;
}
.link-container a {
    display: inline-block;
    padding-left: 0;
    --icon-foreground-color: var(--foreground-color);
    --icon-background-color: var(--accent-color);
}
.link-container a > svg  {
    aspect-ratio: 1;
    height: 63px;
}
.link-container a:nth-child(even){
    --icon-foreground-color: var(--accent-color);
    --icon-background-color: var(--foreground-color);
}

input:not([type=submit]), textarea {
    width: 90%;
}
input, textarea {
    margin-bottom: 14px;
}
form {
    margin-bottom: 10px;
    text-align: center;
}


@media screen and (min-width: 800px) {
    #contact-intro {
        margin-top: 60px;
        flex-basis: 100%;
        flex-shrink: 0;
    }
    #contact-intro > * {
        font-size: 80px;
    }
    #link-block h2 {
        font-size: 60px;
    }
    .link-container a > svg  {
        height: 105px;
    }
    .link-container {
        margin-bottom: 45px;
    }
    input, textarea {
        margin-bottom: 28px;
    }
    form {
        margin-bottom: 0;
        margin-inline: 15%;
    }
}