#form .content #form-contact {
    padding: 1.5rem;
    border-radius: 16px;
    box-shadow: 0 0 6px 4px rgba(0, 0, 0, .1);

    .fields .form-group .field {
        &[data-input-type="checkbox"] {
            flex-direction: column;
            gap: .4rem;
        }

        &>label { font-weight: 500; }
    }
}

@media (max-width: 768px) {
    #story .content {
        flex-direction: column;
        gap: 2rem;

        .title-heading {
            width: 100%;

            .paragraphs {
                align-items: center;

                p { text-align: center; }
            }
        }

        .image { width: 80%; }
    }

    #form .content { gap: 2rem; }
}