@import '../../../../_common/scss/main';

.LaundryInfoForm {
    margin-top: $gutter;

    &__container {
        display: flex;
        flex-direction: column;
        margin: $gutter-large 0;

        &__lower {
            margin: $gutter-small 0;
        }
    }

    &__instructions {
        display: flex;
        flex-direction: column;
        margin: $gutter-large 0;
    }

    &__labels {

        &__wrapper {
            margin-top: $gutter-small;
        }

    }

    &__phone {
        margin: $gutter-large 0 0 0;

        @include desktop {
            margin: 0 0 0 $gutter;
        }

        &__input {
            width: 100%;
        }
    }

    &__top {
        display: flex;
        flex-direction: column;

        @include desktop {
            flex-direction: row;
        }
    }

    &__unit {
        display: flex;
        flex-direction: column;
        width: 100%;

        @include desktop {
            width: 75%;
        }
    }
}