@import url("_root.css");

/*
============================================
CONTATO

- Formulario de envio
- Confirmacao de envio
============================================
*/
.contact {
    padding-top: 90px;
    padding-bottom: 90px;
    min-height: var(--header-min-height);
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact__titulo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

.contact__titulo h1 {
    font-family: var(--header_h1-font-family);
    font-size: var(--header_h1-font-size);
    font-weight: var(--header_h1-font-weight);
    letter-spacing: var(--header_h1-letter-spacing);
    line-height: var(--header_h1-line-height);
}

.contact__titulo h1 span {
    background: linear-gradient(80deg, #00a2ff, #ffffff);
    background: -webkit-linear-gradient(80deg, #00a2ff, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.contact__titulo h2 {
    font-family: var(--header_h2-font-family);
    font-size: var(--header_h2-font-size);
    font-weight: var(--header_h2-font-weight);
    letter-spacing: var(--header_h2-letter-spacing);
    line-height: var(--header_h2-line-height);
}

.contact__titulo h2 span {
    background: linear-gradient(80deg, #00a2ff, #ffffff);
    background: -webkit-linear-gradient(80deg, #00a2ff, #ffffff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.contact__titulo p {
    color: #a1a1a1;
}

.contact__form {
    margin-top: 80px;
}












@media only screen and (max-width: 430px) {
    .contact__titulo h1 {
        font-family: var(--header_h1-font-family);
        font-size: 75px;
        font-weight: var(--header_h1-font-weight);
        letter-spacing: var(--header_h1-letter-spacing);
        line-height: 55px;
    }
}

@media only screen and (min-width: 431px) and (max-width: 768px) {
    .contact__titulo h1 h1 {
        font-family: var(--header_h1-font-family);
        font-size: 65px;
        font-weight: var(--header_h1-font-weight);
        letter-spacing: var(--header_h1-letter-spacing);
        line-height: 55px;
    }
}