@charset "UTF-8";

/********************
 * CSS for contact page.
 ********************/

.ContactIndexPage #main_contents {
    position: relative;
    width: 100%;
    padding: 5em 0 2em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

.ContactIndexPage #main_contents .contact {
    margin: 2em 0 3em;
    width: 100%;
    max-width: 1000px;
}

/**
 * Contact form style.
 */
.ContactIndexPage #main_contents #contact_form form p {
    width: 100%;
    margin-top: 2em;
    text-align: left;
}

.ContactIndexPage #main_contents #contact_form form p * {
    display: inline-block;
    vertical-align: middle;
}

.ContactIndexPage #main_contents #contact_form form p textarea {
    height: 5em;
}

/**
 * Completion screen style.
 */
.ContactIndexPage #main_contents #contact_form #completion_screen {
    width: 100%;
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.ContactIndexPage #main_contents #contact_form #completion_screen p {
    width: 100%;
    margin: 3em 0 2em;
}

/**
 * Contact telephone style.
 */
.ContactIndexPage #main_contents #contact_telephone address {
    display: flex;
    flex-direction: row;
}

.ContactIndexPage #main_contents #contact_telephone address a {
    padding-right: 1em;
}