/**
 * Contact.
 */

#contact {
    background-color: var(--main-bg-color);
    text-align: center;
    height: 300px;
}

.contact-wrapper {
    display: inline-block;
    margin-top: 100px;
    font-family: var(--display-font);
    font-size: 2em;
    color: var(--main-theme-light);
}

.contact-wrapper a:link {
    color: var(--main-theme-light);
}

.contact-wrapper a:visited {
    color: var(--main-theme-light);
}

.contact-wrapper a:hover {
    color: var(--main-theme-dark);
}

@media only screen and (max-width: 600px) {
    #contact {
        height: 100px;
    }

    .contact-wrapper {
        display: block;
        margin-top: 60px;
        font-size: 1.2em;
    }
}