form {
		/*	border: 2px solid red;  */
			width: 48%;
			margin-left: 5%;
			margin-top: -15px;
		}

		form h1	{
			text-align: center;
		}

		.form-layout {
			width: 100%;
			margin-top: 20px;
			height: 50px;
			background-color: #282828;
		}

		.form-layout .text-input {
			/*border: 3px solid green;*/
			width: 60%;
		}		

		.select-tag {
			/*border: 4px solid blue;*/
			width: 50%;
		}

		.select-tag .ms-dd .ms-dd-header .option-selected {
			/*border: 2px solid red; */
			background-color: black;
			margin-left: 0px;
		}

		.ms-dd-header .option-selected .ms-header-middle-content .ms-middle .ms-dd-option-content .ms-dd-desc {
			color: white;
		/*	border: 2px solid blue; */
			margin-top: -10px;
			font-size: 80%;
		}

		.ms-dd-header .ms-header-middle-content {
			background-color: black;
			/*border: 3px solid red;*/
			margin-top: -10px;
		}

		.ms-dd-header .ms-dd-label {
			color: white;
			font-weight: bold;
			margin-top: 2px;
		/*	border: 2px solid red; */
			font-size: 80%;
		}

		.ms-dd-header .ms-dd-desc {
			color: white;
		}

		.ms-dd-label {
			color: black;
		}

		ul li .option-selected .ms-dd-option-content .ms-dd-label {
			color: white;
			font-weight: bold;
			margin-top: 30px;
		}

		ul li .option-selected .ms-dd-option-content .ms-dd-desc {
			color: white;
		}

		.ms-dd-desc {
			color: white; 
		}

		ul .ms-list-option span span .ms-dd-label{
			margin-top: 1px;
			font-weight: bold;
			font-size: 80%;
		}
		
		ul .ms-list-option span span .ms-dd-desc{
			margin-top: -8px;
			font-size: 80%;
			/*border: 2px solid blue; */
		}

		.form-layout2 {
			height: 50px;
			width: 100%;
		}

		.text-input {
			float: left;
			background-color: #282828;
			height: 50px;
		/*	border: 2px solid red; */
			width: 60%;
		}

		span {
			color: white;
			float: right;
			clear: both;
			margin-top: -5px;
			font-weight: lighter;
		/*	border: 2px solid green; */
			font-size: 95%;
		}

		.text-input span {
			float: right;
			clear: both;
			color: white;
			/*border: 3px solid blue; */
			/*padding: 3px;*/
		}

		input[type=text] {
			float: left;
			width: 100%;
			background-color: #282828;
			height: 20px;
			margin-top: -8px;
			margin-left: 0;
			color: white;
			font-size: 120%;
			border: none;
			padding-left: 10px;
		}

		input:focus, textarea:focus, select:focus{
        	outline: none;
        	color: white;
    	}

		.text-input2 input {
			height: 50px;
			width: 100%;
			font-size: 110%;
			margin-left: 0;
			color: #444;
			padding-left: 10px;
		}

		.wrapper{
			width:200px;
			padding:20px;
			height: 150px;
		/*	border: 10px solid red; */
		}

		.select-tag {
			float: right;
			width: 39%;
			/*border: 2px solid red; */
			margin-top: 0px;
			background-color: black;
			height: 40px;
		}

		select {
			width: 100%;			
			/*background-color: black; */
			color: white;  
			font-size: 105%;
			height: 100%;
		}

	
		input[type=submit] {			
			width: 100%;
			background-color: #000;
			outline: none;
			height: 50px;
			color: white;			
			font-size: 130%;
			padding: 5px;
			border:none;
		}


		@media (max-width: 990px) {

		form {
			width: 65%;
		}

		@media (max-width: 700px) {

			form {
				width: 85%;
			}

		}	

		@media (max-width: 500px) {

			form {
				width: 90%;			
			}

			.form-layout {
				margin-top: 20px;
			}

			.form-layout .text-input {
				/*border: 3px solid green;*/
				width: 50%;
			}

			.form-layout .select-tag .ms-dd {
				margin-left: -45px;
			}

		}	


		@media (max-width: 380px) {

			.form-layout .select-tag .ms-dd {
				text-overflow: ellipsis;
			}

			ul li .option-selected .ms-dd-option-content .ms-dd-desc {
				text-overflow: ellipsis;
			}

		}