html {
    font-size: 4vw;
}

.page-query .container {
    padding: 2px;
}

.page-query .page-title {
    text-align: center;
    padding: .6rem 0;
    background-color: #cfd9d2;
    color: #523d45;
    font-size: 1.5rem;
}

.page-query .cert-preview {
    text-align: center;
}

.page-query .form {
    padding: 2rem 1rem;
}
.form  .form-item {
    margin-bottom: 20px;
}
.form .form-item-label {
    font-weight: bold;
}

.form .form-item-captcha .form-item-input{
    position: relative;
}

.form .form-item-input .captcha-image {
    position: absolute;
    right: 3px;
    top: 3px;
    height: calc(100% - 6px);
}

.form .form-item-input input{
    margin-bottom: 0;
}
.form .form-item:not(:last-child) .form-item-input input:focus{
    border-color: #6da77f;
    box-shadow: none;
}

.form .form-item-buttons {
    margin-top: 40px;
}

.form .form-item-buttons input {
    background-color: #a96d7f;
    border: 1px solid #915063;
}

.form .form-item-buttons input:focus{
    border-color: #8f475d;
    box-shadow: none;
}

footer {
    text-align: center;
    background-color: #d7bdc5;
    font-size: .7rem;
}

footer p {
    margin: 0;
    color: #916270;
}


@media (min-width: 1440px) {
    html {
        font-size: 16px;
    }

    .grid-data .grid-item {
        padding: 16px 0;
    }

    .grid-data .grid-name {
        min-width: 45%;
    }

    .grid-data .grid-content {
        padding-left: 2%;
    }

    footer {
        font-size: 14px;
    }

}