@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

@font-face {
    font-family: 'Univers LT Std Bold';
    src: url(https://sotreq.sotreq.com.br/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBOUT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--4c8a0af98304bd9758dfa67e467dda46989252cb/Univers-LT-Std-67-Bold-Condensed_46347.ttf);
}

@font-face {
    font-family: 'Univers LT Std Regular';
    src: url(https://sotreq.sotreq.com.br/rails/active_storage/blobs/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBOQT09IiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--17f9b081384f43f6c09f06da9b03b63514653df4/Univers-LT-Std-47-Light-Condensed_46333.ttf);
}

p {
    font-family: 'Univers LT Std Regular', 'Roboto Condensed', Arial, Helvetica, sans-serif !important;
    font-weight: 400 !important;
    font-size: 1.3em;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
.btn {
    font-family: 'Univers LT Std Bold', 'Roboto Condensed', Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
}

h1 {
    color: var(--branco);
}



.bg-form-top {
    background-color: var(--branco);
}

.bg-form {
    background-color: var(--amarelo);
    padding: 15px;
    border-radius: 10px;
}

.bg-gray {
    background-color: var(--cinza);
}

.bg-black {
    background-color: var(--preto);
    color: var(--amarelo);
}

.bg-black a {
    color: var(--branco);
    font-weight: bold;
}

.btn {
    background-color: var(--preto);
    color: var(--amarelo);
}

.btn:hover {
    color: var(--amarelo);
    background-color: var(--cinza-escuro);
}

select,
textarea,
input {
    background: var(--amarelo) !important;
    border: 0px !important;
    border-radius: 0px !important;
    border-bottom: 2px solid var(--preto) !important;
}

select,
select::placeholder,
textarea,
textarea::placeholder,
input::placeholder {
    color: var(--preto) !important;
}

.message-correct,
.message-error {
    color: var(--branco) !important;
}

hr {
    border-color: var(--amarelo) !important;
    border-top: 4px solid;
}

.height-one {
    min-height: 250px !important;
}

.height-two {
    min-height: 430px !important;
}

.bg-yellow {
    background-color: var(--amarelo);
}

.bg-gray-medium {
    background-color: var(--cinza-medio);
}



.b-left {
    border-left: 4px solid var(--branco);
}

:root {
    --amarelo: #FDBA12;
    --preto: #000;
    --cinza: #EBEBEB;
    --cinza-medio: #aaa;
    --cinza-escuro: #333;
    --branco: #fff;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .height-two img {
        width: 90%;
    }
}

@media screen and (max-width: 420px) {
    h1 {
        font-size: 3.5em !important;
    }

    .b-left {
        margin-left: 30px;
    }
}

@media screen and (max-width: 280px) {
    h1 {
        font-size: 3em !important;
    }
}