@media only screen and (max-width: 700px) {
    body {
      background-image: none;
      padding-bottom: 0px;
    }

    #wrapper-documento .mdc-button .mdc-button__label {
        font-size: xx-small;
        line-height: 9px;
        display: inherit;
        height: 100%;
        align-items: center;
    }

    #wrapper-documento .mdc-button {
        height: 40px;
    }

    #wrapper-documento {
        left: 0px;
        right: 0px;
        width: auto;
        margin: 0px;
        border-radius: 0px;
        position: absolute;
        bottom: 0px;
        top: 91px;
        text-align: center;
    }

    #header h2, #wrapper-documento h3 {
        font-size: large;
    }

    #header img {
        max-height: 20px;
    }

    #wrapper-documento .detalhes iframe {
        display: none;
    }

    #wrapper-documento .detalhes {
        text-align: left;
        margin-bottom: 10px;
    }

    #wrapper-documento .buttons {
        text-align: center;
    }

    #wrapper-consulta {
        top: 91px;
        left: 0px;
        right: 0px;
        width: auto;
        margin: 0px;
        bottom: 0px;
        border: none;
        border-radius: 0px;
        display: flex;
        flex-direction: column;
    }

    #wrapper-consulta .row.first-row {
        flex-direction: column;
        flex: 1;
        justify-content: space-between;
        margin-bottom: 50px;
    }

    #site-footer {
        font-size: xx-small;
        color: white;
        text-shadow: none;
        left: 2%;
        right: 2%;
    }

    #wrapper-consulta p {
        font-size: medium;
    }

    #assinatura-input-wrapper  {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        min-height: 105px;
        row-gap: 10px;
        justify-items: center;
    }

    #assinatura-input-wrapper input.input-target, #assinatura-input-wrapper .back-placeholder {
        display: none;
    }

    #assinatura-input-wrapper textarea.input-target {
        display: block;
        color: rgb(255, 255, 255) !important;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 6px;
        caret-color: white;
        font-family: monospace;
        z-index: 2;
        position: relative;
        border: none;
        outline: none;
        background: none;
        height: 100%;
        width: 100%;
        padding-top: 4px;
        resize: none;
        text-align: center;
    }

    #assinatura-input-wrapper .mdc-text-field {
        flex: unset;
    }

    #wrapper-consulta .btn-consultar {
        margin-left: 0px;
        margin-top: 10px;
        width: 100%;
    }

    #wrapper-consulta .mobile-banner-container {
        display: block;
        text-align: center;
        margin-bottom: 6px;;
    }

    #wrapper-consulta .mobile-banner-container img {
        max-width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    #header h2, #wrapper-documento h3 {
        font-size: medium;
    }
}