* {

            margin: 0;

            padding: 0;

            box-sizing: border-box;

			font-family: 'Titillium Web';

        }

p, h2,div{font-family: 'Titillium Web';}

        .container1 {

            display: flex;

            width: 100%;

            height: 50vh;

            border: 2px solid #ccc;

            /*border-radius: 10px;*/

            overflow: hidden;

        }



        .left, .right {

            flex: 1;

            display: flex;

            justify-content: center;

            align-items: center;

        }



        .left {

            padding:20px;

            display: flex;

			width:50%;

            flex-direction: column;

        }



        .right img {

            max-width: 100%;

            height: auto;

        }



        form {

            display: flex;

            flex-direction: column;

            gap: 10px;

            width: 80%;

            padding:20px;

        }



        input, input[type=number], button, select {

            padding: 10px;

            font-size: 16px;

        }

		

		option:first {

		color: #ff0000;

}



        button {

            background-color: #007bff;

            color: white;

            border: none;

            cursor: pointer;

        }



        @media (max-width: 1280px) {

		    input [type=text], button, select {

            padding: 10px;

            font-size: 16px;

			width:100% !important;

			}

			 form {width:100%}

            .container1 {

                flex-direction: column;

                height: auto;

            }

			.left{ width:100%};

            .right {

                order: -1;

            }

            .right img {

                content: url('../mobile.jpg');

            }

        }