:root {
    --corMarrom: #BD9155;
    --corAzul: #08192b;
    --fontetitulo: "Libre Baskerville", serif;
    --fonteTexto: "Inter", serif;
    --corCinza: #333333;
    --corDescr: #9a9292;
}

@media (min-width: 1400px) {
    main .contato .EmailFoi {
        right: 20% !important;
    }
}

@media (min-width: 350px) {
    body main #foto {
        bottom: 0 !important;
    }

    main .contato .form form .cont2 input {
        font-family: var(--fonteTexto);
    }

    main .contato .form form .cont1 input {
        font-family: var(--fonteTexto);
    }

    main .contato .form form .cont3 textarea {
        font-family: var(--fonteTexto);
    }
}

@media (max-width: 400px) {
    header .caixa .contHeader {
        position: relative;
        top: 10px;
        left: -1500px;
        width: 100%;
        display: flex;
        flex-direction: column;
        z-index: 1;
        padding-bottom: 20px;
        transition: left 0.5s;
        background-color: var(--corAzul);
        height: 270px;
    }

    header ul {
        position: absolute;
        left: 0;
    }

    header .icones {
        left: 200px;
    }
}

@media (max-width: 460px) {
    main .contato .form form .cont1 {
        flex-direction: column;
    }

    main .contato .form form .cont1 input {
        margin-bottom: 30px;
        width: 100% !important;
    }

    main .contato .form form .cont2 {
        margin-top: unset !important;
    }

    main .contato {
        height: 1500px !important;
    }

    main .contato picture img {
        height: 1500px !important;
    }

    main .contato .form {
        height: 550px !important;
    }

    main .contato #titulo2 {
        width: 100%;
        display: grid !important;
        text-align: center !important;
        left: 0 !important;
        transform: unset !important;
    }
}

@media (max-width: 550px) {

    main .contato #titulo2 {
        top: 820px !important;
    }

    main .contato .inform .caixa {
        margin: 15px auto !important;
    }

    main .contato .inform .endereco {
        margin: 15px auto !important;
        width: 90% !important;
    }

    main .contato .inform {
        width: 100% !important;
        grid-template-columns: repeat(1,1fr) !important;
    }

    main .contato picture img {
        width: 100% !important;
    }

    main .contato {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 1430px;
    }

    main .contato picture img {
        height: 1430px;
        object-fit: cover;
    }

    main .contato .inform {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translate(-50%);
        width: 84.5%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    main .contato .inform .caixa {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 90%;
        margin: 0 15px;
        padding: 15px 0;
        transition: transform 0.5s;
    }

    main .contato .inform .caixa:hover {
        transform: scale(1.1);
    }

    main .contato .inform .caixa .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .caixa .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .caixa h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .caixa p {
        font-family: var(--fonteTexto);
        font-size: 14px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato .inform .endereco {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 190%;
        margin: 0 15px;
        margin-top: 30px;
        padding: 15px 0;
        transition: transform 0.5s;
    }

    main .contato .inform .endereco:hover {
        transform: scale(1.1);
    }

    main .contato .inform .endereco .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .endereco .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .endereco h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .endereco p {
        font-family: var(--fonteTexto);
        font-size: 17px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato #titulo {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato #titulo2 {
        position: absolute;
        top: 600px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato .form {
        position: absolute;
        top: 880px;
        left: 50%;
        transform: translate(-50%);
        width: 90%;
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        margin-top: 30px;
        padding: 15px 0;
        height: 480px;
    }

    main .contato .form form .cont1 {
        width: 100%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont1 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 48%;
        color: #fff;
    }

    main .contato .form form .cont2 {
        width: 100%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont2 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        color: #fff;
    }

    main .contato .form form .cont3 {
        width: 100%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont3 textarea {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        height: 200px;
        color: #fff;
    }

    .contato button {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translate(-50%);
        border: none;
        border: 2px solid var(--corMarrom);
        background-color: transparent;
        width: 130px;
        color: #fff;
        font-family: var(--fonteTexto);
        font-size: 16px;
        padding: 10px 12px;
        border-radius: 10px;
        cursor: pointer;
    }
}

@media (max-width: 600px) {
    main .contato .inform .caixa p {
        font-size: 14px !important;
    }

    main .contato .inform .endereco p {
        font-size: 14px !important;
    }
}

@media (min-width: 550px) and (max-width: 750px) {

    main .contato .inform {
        width: 100% !important;
    }

    main .contato picture img {
        width: 100% !important;
    }

    main .contato {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 1200px;
    }

    main .contato picture img {
        height: 1200px;
        object-fit: cover;
    }

    main .contato .inform {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translate(-50%);
        width: 84.5%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    main .contato .inform .caixa {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 90%;
        margin: 0 15px;
        padding: 15px 0;
        transition: transform 0.5s;
    }

    main .contato .inform .caixa:hover {
        transform: scale(1.1);
    }

    main .contato .inform .caixa .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .caixa .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .caixa h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .caixa p {
        font-family: var(--fonteTexto);
        font-size: 17px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato .inform .endereco {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 190%;
        margin: 0 15px;
        margin-top: 30px;
        padding: 15px 0;
        transition: transform 0.5s;
    }

    main .contato .inform .endereco:hover {
        transform: scale(1.1);
    }

    main .contato .inform .endereco .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .endereco .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .endereco h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .endereco p {
        font-family: var(--fonteTexto);
        font-size: 17px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato #titulo {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato #titulo2 {
        position: absolute;
        top: 600px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato .form {
        position: absolute;
        top: 650px;
        left: 50%;
        transform: translate(-50%);
        width: 80%;
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        margin-top: 30px;
        padding: 15px 0;
        height: 500px;
    }

    main .contato .form form .cont1 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont1 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 45%;
        color: #fff;
    }

    main .contato .form form .cont2 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont2 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        color: #fff;
    }

    main .contato .form form .cont3 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont3 textarea {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        height: 200px;
        color: #fff;
    }

    .contato button {
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translate(-50%);
        border: none;
        border: 2px solid var(--corMarrom);
        background-color: transparent;
        width: 130px;
        color: #fff;
        font-family: var(--fonteTexto);
        font-size: 16px;
        padding: 10px 12px;
        border-radius: 10px;
        cursor: pointer;
    }
}

@media (min-width: 750px) and (max-width: 1000px) {
    main .contato picture img {
        width: 100% !important;
    }

    main .contato {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 1200px;
    }

    main .contato picture img {
        height: 1200px;
        object-fit: cover;
    }

    main .contato .inform {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translate(-50%);
        width: 84.5%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    main .contato .inform .caixa {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 90%;
        margin: 0 15px;
        padding: 15px 0;
        transition: transform 0.5s;
        cursor: pointer;
    }

    main .contato .inform .caixa:hover {
        transform: scale(1.1);
    }

    main .contato .inform .caixa .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .caixa .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .caixa h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .caixa p {
        font-family: var(--fonteTexto);
        font-size: 17px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato .inform .endereco {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 190%;
        margin: 0 15px;
        margin-top: 30px;
        padding: 15px 0;
        transition: transform 0.5s;
        cursor: pointer;
    }

    main .contato .inform .endereco:hover {
        transform: scale(1.1);
    }

    main .contato .inform .endereco .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .endereco .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .endereco h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .endereco p {
        font-family: var(--fonteTexto);
        font-size: 17px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato #titulo {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato #titulo2 {
        position: absolute;
        top: 600px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato .form {
        position: absolute;
        top: 650px;
        left: 50%;
        transform: translate(-50%);
        width: 80%;
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        margin-top: 30px;
        padding: 15px 0;
        height: 500px;
    }

    main .contato .form form .cont1 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont1 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 45%;
        color: #fff;
    }

    main .contato .form form .cont2 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont2 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        color: #fff;
    }

    main .contato .form form .cont3 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont3 textarea {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        height: 200px;
        color: #fff;
    }

    .contato button {
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translate(-50%);
        border: none;
        border: 2px solid var(--corMarrom);
        background-color: transparent;
        width: 130px;
        color: #fff;
        font-family: var(--fonteTexto);
        font-size: 16px;
        padding: 10px 12px;
        border-radius: 10px;
        cursor: pointer;
    }
}

main .contato .EmailFoi {
    position: absolute;
    top:51%;
    right: 10%;
    background-color: #1b2f44c5;
    z-index: 1000;
    font-family: var(--fonteTexto);
    font-size: 1rem;
    color: #fff;
    padding: 10px 13px;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.5s;
}

#emailOn {
    opacity: 1;
}

main .contato .campos {
    position: absolute;
    top:51%;
    right: 10%;
    background-color: #1b2f44c5;
    z-index: 1000;
    font-family: var(--fonteTexto);
    font-size: 1rem;
    color: #fff;
    padding: 10px 13px;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.5s;
}

main .contato .emailInva {
    position: absolute;
    top:51%;
    right: 10%;
    background-color: #1b2f44c5;
    z-index: 1000;
    font-family: var(--fonteTexto);
    font-size: 1rem;
    color: #fff;
    padding: 10px 13px;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.5s;
}

main .contato .telefoneInva {
    position: absolute;
    top:51%;
    right: 10%;
    background-color: #1b2f44c5;
    z-index: 1000;
    font-family: var(--fonteTexto);
    font-size: 1rem;
    color: #fff;
    padding: 10px 13px;
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.5s;
}

@media (min-width: 1000px) and (max-width: 1200px) {

    main .contato picture img {
        width: 100% !important;
    }

    main .contato {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 1200px;
    }

    main .contato picture img {
        height: 1200px;
        object-fit: cover;
    }

    main .contato .inform {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translate(-50%);
        width: 84.5%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    main .contato .inform .caixa {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 90%;
        margin: 0 15px;
        padding: 15px 0;
        transition: transform 0.5s;
    }

    main .contato .inform .caixa:hover {
        transform: scale(1.1);
    }

    main .contato .inform .caixa .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .caixa .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .caixa h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .caixa p {
        font-family: var(--fonteTexto);
        font-size: 17px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato .inform .endereco {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 190%;
        margin: 0 15px;
        margin-top: 30px;
        padding: 15px 0;
        transition: transform 0.5s;
    }

    main .contato .inform .endereco:hover {
        transform: scale(1.1);
    }

    main .contato .inform .endereco .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .endereco .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .endereco h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .endereco p {
        font-family: var(--fonteTexto);
        font-size: 17px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato #titulo {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato #titulo2 {
        position: absolute;
        top: 600px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato .form {
        position: absolute;
        top: 650px;
        left: 50%;
        transform: translate(-50%);
        width: 80%;
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        margin-top: 30px;
        padding: 15px 0;
        height: 500px;
    }

    main .contato .form form .cont1 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont1 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 45%;
        color: #fff;
    }

    main .contato .form form .cont2 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont2 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        color: #fff;
    }

    main .contato .form form .cont3 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont3 textarea {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        height: 200px;
        color: #fff;
    }

    .contato button {
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translate(-50%);
        border: none;
        border: 2px solid var(--corMarrom);
        background-color: transparent;
        width: 130px;
        color: #fff;
        font-family: var(--fonteTexto);
        font-size: 16px;
        padding: 10px 12px;
        border-radius: 10px;
        cursor: pointer;
    }
}

@media (min-width: 1200px) and (max-width: 1350px) {

    main .contato picture img {
        width: 100% !important;
    }

    main .contato {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 1200px;
    }

    main .contato picture img {
        height: 1200px;
        object-fit: cover;
    }

    main .contato .inform {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translate(-50%);
        width: 70%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    main .contato .inform .caixa {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 90%;
        margin: 0 15px;
        padding: 15px 0;
        transition: transform 0.5s;
    }

    main .contato .inform .caixa:hover {
        transform: scale(1.1);
    }

    main .contato .inform .caixa .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .caixa .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .caixa h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .caixa p {
        font-family: var(--fonteTexto);
        font-size: 17px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato .inform .endereco {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 190%;
        margin: 0 15px;
        margin-top: 30px;
        padding: 15px 0;
        transition: transform 0.5s;
    }

    main .contato .inform .endereco:hover {
        transform: scale(1.1);
    }

    main .contato .inform .endereco .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .endereco .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .endereco h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .endereco p {
        font-family: var(--fonteTexto);
        font-size: 17px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato #titulo {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato #titulo2 {
        position: absolute;
        top: 600px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato .form {
        position: absolute;
        top: 650px;
        left: 50%;
        transform: translate(-50%);
        width: 67%;
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        margin-top: 30px;
        padding: 15px 0;
        height: 500px;
    }

    main .contato .form form .cont1 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont1 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 45%;
        color: #fff;
    }

    main .contato .form form .cont2 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont2 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        color: #fff;
    }

    main .contato .form form .cont3 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont3 textarea {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        height: 200px;
        color: #fff;
    }

    .contato button {
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translate(-50%);
        border: none;
        border: 2px solid var(--corMarrom);
        background-color: transparent;
        width: 130px;
        color: #fff;
        font-family: var(--fonteTexto);
        font-size: 16px;
        padding: 10px 12px;
        border-radius: 10px;
        cursor: pointer;
    }
}

@media (min-width: 1350px) {

    main .contato picture img {
        width: 100% !important;
    }

    main .contato {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 1200px;
    }

    main .contato picture img {
        height: 1200px;
        object-fit: cover;
    }

    main .contato .inform {
        position: absolute;
        top: 100px;
        left: 50%;
        transform: translate(-50%);
        width: 70%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    main .contato .inform .caixa {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 90%;
        margin: 0 15px;
        padding: 15px 0;
        transition: transform 0.5s;
    }

    main .contato .inform .caixa:hover {
        transform: scale(1.1);
    }

    main .contato .inform .caixa .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .caixa .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .caixa h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .caixa p {
        font-family: var(--fonteTexto);
        font-size: 14px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato .inform .endereco {
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        width: 190%;
        margin: 0 15px;
        margin-top: 30px;
        padding: 15px 0;
        transition: transform 0.5s;
    }

    main .contato .inform .endereco:hover {
        transform: scale(1.1);
    }

    main .contato .inform .endereco .icone {
        background-color: #1b2f44c5;
        border: 1px solid #fff;
        width: 60px;
        height: 60px;
        border-radius: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 15px auto;
    }

    main .contato .inform .endereco .icone i {
        color: #fff;
        font-size: 25px;
    }

    main .contato .inform .endereco h2 {
        font-family: var(--fontetitulo);
        font-size: 20px;
        color: var(--corMarrom);
        text-align: center;
    }

    main .contato .inform .endereco p {
        font-family: var(--fonteTexto);
        font-size: 17px;
        color: #fff;
        margin: 12px 0;
        text-align: center;
    }

    main .contato #titulo {
        position: absolute;
        top: 30px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato #titulo2 {
        position: absolute;
        top: 600px;
        left: 50%;
        transform: translate(-50%);
        font-family: var(--fontetitulo);
        font-size: 30px;
        color: var(--corMarrom);
    }

    main .contato .form {
        position: absolute;
        top: 650px;
        left: 50%;
        transform: translate(-50%);
        width: 67%;
        background-color: #08192b23;
        box-shadow: 0px 0px 25px #000;
        margin-top: 30px;
        padding: 15px 0;
        height: 500px;
    }

    main .contato .form form .cont1 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont1 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 45%;
        color: #fff;
    }

    main .contato .form form .cont2 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont2 input {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        color: #fff;
    }

    main .contato .form form .cont3 {
        width: 80%;
        display: flex;
        margin: 0 auto;
        margin-top: 30px;
        justify-content: space-between;
        padding: 0 40px;
    } 

    main .contato .form form .cont3 textarea {
        border: none;
        border-radius: 7px;
        background-color: transparent;
        border: 1px solid #fff;
        padding: 10px 10px;
        font-size: 17px;
        width: 100%;
        height: 200px;
        color: #fff;
    }

    .contato button {
        position: absolute;
        bottom: 50px;
        left: 50%;
        transform: translate(-50%);
        border: none;
        border: 2px solid var(--corMarrom);
        background-color: transparent;
        width: 130px;
        color: #fff;
        font-family: var(--fonteTexto);
        font-size: 16px;
        padding: 10px 12px;
        border-radius: 10px;
        cursor: pointer;
    }
}

@media (min-width: 1450px) {
    main .contato .form {
        width: 60%;
    }

    main .contato .inform {
        width: 63%;
    }
}

@media (min-width: 1560px) {
    main .contato .form {
        width: 57%;
    }

    main .contato .inform {
        width: 60%;
    }
}