main > section {
    display: grid;
    grid-template: "blurb form";
    gap: 1rem;
    grid-template-columns: repeat(2, 35ch);
    justify-content: center;
    grid-auto-flow: column;
}

main > section > div.blurb {
    text-align: start;
    grid-area: blurb;
}

main > section > div.blurb > p {
    font-weight: bold;
}

main > section > div.blurb > address {
    font-style: normal;
    font-weight: bold;
    color: var(--color-putki);
}

main > section > div.blurb > address a {
    font-style: normal;
    text-decoration: none;
    color: var(--color-putki);
}

main > section > div.blurb > address a:hover {
    color: var(--color-vesi);
}

form {
    grid-area: form;
}

input {
    font-family: inherit;
    width: 100%;
    margin-top: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    background-color: #e1f3fb;
    color: black;
    border-width: 0;
    padding: 10px 0;
}

input[type=submit] {
    font-style: italic;
    font-weight: bold;
}

label, input {
    display: block;
}

label {
    text-align: start;
    font-style: italic;
}

@media only screen and (max-width: 1024px) {
    main > section {
        display: grid;
        grid-template: "blurb"
                       "form";
        gap: 1rem;
        width: 100%;
        justify-content: center;
        grid-auto-flow: column;
    }

    section h1:first-of-type {
        text-align: center;
    }

    section > div.blurb {
        padding: 2rem;
    }

    section > form {
        padding: 2rem;
    }
}