/* Mobile - 360px */
        @media only screen and (min-width: 0rem) {
            #contact-718 {
                padding: var(--sectionPadding);
                position: relative;
                z-index: 1;
            }

            #contact-718 .cs-container {
                width: 100%;
                /* changes to 1280px at desktop */
                max-width: 34.375rem;
                margin: auto;
                display: flex;
                justify-content: center;
                align-items: flex-start;
                flex-direction: column;
                gap: 3.25rem;
            }

            #contact-718 .cs-picture {
                width: 100%;
                max-width: 40.625rem;
                height: auto;
                /* reset at desktop */
                aspect-ratio: 1.00516351;
                position: relative;
            }

            #contact-718 .second-table {
                background-color: rgba(243, 243, 243, 0.6);
                border-radius: 10px 10px 10px 10px;
                

            }

            #contact-718 .cs-picture img {
                width: 100%;
                height: 100%;
                /* makes it act like a background image */
                object-fit: cover;
                position: absolute;
                top: 0;
                left: 0;
            }

            #contact-718 .cs-content {
                /* set text align to left if content needs to be left aligned */
                text-align: left;
                width: 100%;
                max-width: 33.875rem;
                display: flex;
                flex-direction: column;
                /* centers content horizontally, set to flex-start to left align */
                align-items: flex-start;
            }

            #contact-718 .cs-text {
                margin: 0 0 2rem 0;
            }

            #contact-718 .cs-form {
                /* 24px - 48px top and bottom */
                /* 20px - 32px left and right */
                padding: 1.5rem;
                background-color: #f7f8f8;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                flex-direction: column;
                align-items: center;
                gap: 0.75rem;
                border-radius: 10px 10px 10px 10px;
                width: 100%;
            }

            #contact-718 .cs-label {
                /* 14px - 16px */
                font-size: clamp(0.875rem, 1.5vw, 1rem);
                width: 100%;
                color: var(--headerColor);
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                gap: 0.25rem;
            }

            #contact-718 .cs-input {
                font-size: 1rem;
                width: 100%;
                height: 3.5rem;
                padding: 0;
                padding-left: 1.5rem;
                color: var(--headerColor);
                background-color: #fff;
                border: none;
                /* prevents padding from adding to height and width */
                box-sizing: border-box;
            }

            #contact-718 .cs-input::placeholder {
                color: #7d799c;
                opacity: 0.6;
            }

            #contact-718 .cs-textarea {
                min-height: 7.5rem;
                padding-top: 1.5rem;
                margin-bottom: 0.75rem;
            }

            .cs-button-solid {
                font-size: 1rem;
                /* 46px - 56px */
                line-height: clamp(2.875em, 5.5vw, 3.5em);
                text-decoration: none;
                font-weight: 700;
                text-align: center;

                margin: 0;
                color: #fff;
                border: none;
                min-width: 9.375rem;
                padding: 0 1.5rem;
                background-color: var(--accentorange);
                border-radius: 0.25rem;
                display: inline-block;
                position: relative;
                z-index: 1;
                /* prevents padding from adding to the width */
                box-sizing: border-box;
                transition: color 0.3s;
            }

            .cs-button-solid:before {
                content: "";
                position: absolute;
                height: 100%;
                width: 0%;
                background: var(--accentorange-dark);
                opacity: 1;
                top: 0;
                left: 0;
                z-index: -1;
                border-radius: 0.25rem;
                transition: width 0.3s;
            }

            .cs-button-solid:hover {
                color: #fff;
            }

            .cs-button-solid:hover:before {
                width: 100%;
            }

            #contact-718 .cs-submit {
                min-width: 17.6875rem;
                border-radius: 0;
            }
            #contact-718 .link-container {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                margin-top: 1rem; /* Adjust as needed */
            }
        
            #contact-718 .link-container p {
                margin: 0; /* Removes default paragraph margin */
            }
        }

        /* Small Desktop - 1024px */
        @media only screen and (min-width: 64rem) {
            #contact-718 .cs-container {
                max-width: 100rem;
                flex-direction: row;
                justify-content: space-evenly;
                gap: 0rem;
            }

            #contact-718 .cs-picture {
                height: 51.875rem;
                aspect-ratio: initial;
                /* sends it to the right in the 2nd position */
                order: 2;
            }

            #contact-718 .cs-form {
                /* Adjust form width and padding as per the new layout */
                max-width: 60rem; /* Example: Set a new max-width for the form */
                padding: 2rem; /* Example: Increase padding */
                width: 100%;
            }
        }