.form-component {
    max-width: 80%;
    margin: 0 auto;
    padding-top: 4vw;
}

    .form-component .default-message {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 20vh;
    }

    .form-component .card {
        border: 1px solid #ececec;
        border-radius: 5px;
        box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
    }

    .form-component .form-container {
        width: 90%;
        margin: 0 auto;
        padding-top: 2vw;
        padding-bottom: 1vw;
    }

@media screen and (max-width: 769px) {
    .form-component {
        max-width: 100%;
        margin: 0 auto;
        padding-top: 4vw;
    }

        .form-component .card {
            border: 1px solid #ececec;
            border-radius: 5px;
            box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.16);
        }

        .form-component .form-container {
            width: 95%;
            margin: 0 auto;
            padding-top: 5vw;
            padding-bottom: 5vw;
        }
}