/* 54ka contact form - page shown in an iframe on the blog (the form itself is styled in contact.css) */

@font-face {
    font-family: 'OpensansR';
    src: url(../fonts/opensans-regular-webfont.woff) format('woff'), url(../fonts/opensans-regular-webfont.ttf) format('truetype');
    font-display: swap;
}

html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 4px;   /* room for the focus outline of the fields */
    font: 14px 'OpensansR', Arial, sans-serif;
    color: #000;
}

p {
    margin: 0;
}

.cf-card {
    max-width: 800px;
}

.box-title {
    margin: 0;
    font: 30px 'OpensansR', Arial, sans-serif;
}

/* a little lower than on the site, so the form fits in the iframe */
.cf-form textarea {
    height: 150px;
    min-height: 150px;
}

@media (max-width: 800px) {
    .box-title {
        font-size: 26px;
    }
}