div#error-report-page-wrapper {
    width: 100%;
    max-width: var(--container);
    margin: 1.5rem auto;
}

.wpcf7 form .wpcf7-response-output {
    position: fixed;
    top: 4rem;
    left: 0;
    right: 0;
    margin: auto;
    width: auto;
    max-width: 500px;
    background-color: white;
    animation-delay: 5s;
    animation-duration: 2s;
    animation-name: hide-error-msg;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes hide-error-msg {
    from { opacity: 1; }
    to { opacity: 0;  }
}


div.wpcf7 form div.wpcf7-list-item {
    display: inline;
}

div.wpcf7 form p {
    width: 100%;
}

div.wpcf7 form p textarea,
div.wpcf7 form p input,
div.wpcf7 form p label {
    width: 100%;
    height: 2rem;
}

div.wpcf7 form p textarea {
    height: auto;
}

div.wpcf7 form p input[type=checkbox] {
    height: 1rem;
    width: auto;
}

div.wpcf7 form p input[type=submit] {
    width: auto;
    padding: 10px 100px 5px 100px;
    height: auto;
}

@media screen and (max-width: 1210px) {
    div#error-report-page-wrapper {
        padding: 1.5rem;
    }
}