.content {
    display: grid;
    grid-template-columns:2.5fr 1fr;
    grid-gap: 2rem
}

@media only screen and (max-width: 1240px) {
    .content {
        grid-template-columns:1fr
    }
}

.content aside {
    display: grid;
    grid-gap: 2rem;
    align-content: start
}

@media only screen and (max-width: 1240px) {
    .content aside {
        grid-row: 1/2;
        grid-template-columns:repeat(2, 1fr)
    }
}

@media only screen and (max-width: 740px) {
    .content aside {
        grid-template-columns:1fr
    }
}

.content form .row {
    display: grid;
    align-items: center;
    grid-column-gap: 1rem;
    grid-template-columns:.5fr 1fr
}

@media only screen and (max-width: 720px) {
    .content form .row {
        grid-template-columns:25% 75%
    }
}

@media only screen and (max-width: 550px) {
    .content form .row {
        grid-template-columns:1fr
    }
}

.content form .row label {
    margin-bottom: 0
}

@media only screen and (max-width: 550px) {
    .content form .row .input {
        margin-top: .5rem
    }
}

.content form .row .input label {
    font-weight: 400
}

.content form .row:not(:last-child) {
    margin-bottom: 1rem
}

@media only screen and (max-width: 550px) {
    .content form .row:not(:last-child) {
        margin-bottom: 3.5rem
    }
}