@import 'styles.css';
@import 'header_footer.css';

/* ============ Main content ============== */
.main-content {
    display: flex;
    flex-direction: row;
    margin-bottom: 3rem;
}

#contact {
    margin-top: 100px;
	min-height: 100vh;
    background-attachment: fixed;
	background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)),
        url('/images/ID77.png');
	background-size: cover;
    background-position:top;
}

.main-content > * {
    margin-bottom: 1rem;
}

/* ============ 1.1.1. Google Maps ============== */
.map {
    flex-basis: 50%;
}


/* ============ 1.1.2. Contact form ============== */
.contact-form {
    padding: 1.8rem;
    flex-basis: 50%;
}

.contact-form h2 {
    padding-top: 0;
    padding-bottom: 1.3em;
    color: var(--font-clr-grey);
}

.contact-form p {
    text-align: left;
    font-size: 1.2rem;
    color: var(--font-clr-grey);
    padding-bottom: 1.3em;
}

.test {
    width: 304px;
    height: 78px;
    display: block;
    background-color: bisque;
}

.row {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: .4rem 0;
}

.justified {
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
}

.contact-form input,
.contact-form textarea {
    padding: 0.5rem;
    font-size: 1rem;
    border: 2px solid var(--font-clr-grey);
    border-radius: 5px;
}

.contact-form input {
    height: 2.5rem;
    width: 100%;
}

.contact-form textarea {
    width: 100%;
    height: 130px;
    resize: none;
}

.row-1-2 {
    flex-grow: 1;
}

.row-1-2:first-child {
    margin-right: 1em;
}


.center {
    text-align: center;
}

.g-recaptcha {
    display: inline-block;
}

/* =============== Small screens ================ */
@media(max-width: 800px) {
    .main-content {
        flex-direction: column-reverse;
    }
    .justified {
        flex-direction: column;
    }
    .justified > * {
        margin-bottom: 1rem;
    }
}

@media(min-width: 800px) {
    .main-content > *:not(:last-child) {
        margin-right: 1.5rem;
    }
}

.file {
    margin: auto;
    padding: 0;
}