main {
    display: flex;
    flex-direction: row;

    #faq {
        margin-left: auto;
        width: 40%;
        margin-top: 50px;

        a, p{
            font-size: larger;
        }

        h2, h3{
            font-size: x-large;
        }
    }

    #employes {
        margin-bottom: 100px;
        width: 40%;
        margin-left: auto;
        margin-top: 50px;

        h2 {
            font-size: xx-large;
        }

        div {
            display: flex;
            justify-content: center;
            flex-direction: column;
            align-items: center;

            margin-top: 20px;
            max-width: 400px;
            max-height: 500px;
            margin-right: 20px;
            padding-bottom: 5px;

            background-color: rgb(165, 165, 165);
            border: 5px solid rgb(157, 191, 255);
            border-radius: 20px;

            img {
                max-width: 300px;
                margin-top: 30px;

                border: 2px solid rgb(157, 191, 255);
                border-radius: 5px;
            }

            h3,
            p,
            a {
                width: 100%;
                text-align: center;
            }

            a {
                color: rgb(109, 34, 180);
            }
        }
    }

    form {
        border-radius: 5px;
        background-color: #f2f2f2;
        padding: 20px;
        margin-top: 35px;

        width: 100%;
    }

    #comment{
        padding-bottom: 150px;
    }

    label {
        display: block;
        font-size: x-large;
        padding-bottom: 10px;
    }

    input[type=text],
    select {
        width: 100%;
        padding: 12px;
        margin: 8px 0;
        display: inline-block;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;

        font-size: large;
        border: 1px solid rgb(157, 191, 255);

        option {
            padding-bottom: 5px;
            border: 1px solid rgb(157, 191, 255);
            border-width: 1px 0 0 0;
        }
    }

    button {
        width: 100%;
        background-color: rgb(157, 191, 255);
        color: white;
        padding: 14px;
        margin: 8px 0;
        border: none;
        border-radius: 4px;
    }

    button:hover {
        background-color: rgb(111, 161, 255);
    }
}

@media screen and (max-width: 950px) {
    main{
        flex-direction: column;
        align-items: center;

        #faq{
            width: 80%;
            margin-left: 5%;
            margin-right: auto;
        }

        #employes{
            width: 100%;
            margin-left: auto;
            margin-right: auto;

            align-items: center;

            div{
                margin-left: auto;
                margin-right: auto;
            }

            h2{
                text-align: center;
            }
        }
    }
}