/***
	common.css

***/

html, body 			{ width: 100%; overflow-x: hidden; background: url(../img/bg.png) top center no-repeat;
					  -webkit-background-size: cover;
					  -moz-background-size: cover;
					  -o-background-size: cover;
					  background-size: cover;	 
					  font-family: 'Roboto', sans-serif; min-height: 100%; height: 100%; }
a:hover 			{ text-decoration: none; }
.w100				{ width: 100%; float: left; }
.none 				{ display: none; }
.clear 				{ clear: both; }


h1									{ margin: 40% 0% 20%; }
.formContainer						{ float: left; width: 100%; }
.formContainer form fieldset		{ width: 100%; max-width: 395px; }
.formContainer form fieldset label  { width: 10%; float: left; margin-top: 8px; }
.formContainer form fieldset input	{ width: 90%; background: #e8e6f4; border-radius: 50px; border: none; 
									  padding: 8px 5px; margin-bottom: 20px; text-align: center;
									  font-style: italic; color: #646363; font-size: 20px; }
.formContainer form fieldset input::placeholder { font-style: italic; color: #646363; font-size: 20px; }
.formContainer form button 			{ width: 60%; display: block; 
									  background-image: linear-gradient(to right, #4ac3b7, #00b1c3, #009dca, #0086c7, #506cb7);
									  border-radius: 50px; border: none; margin-left: 25%;
									  padding: 10px 5px; color: #fff; cursor: pointer;
									  -webkit-transition: all 0.2s ease-in 0s;
									  -moz-transition: all 0.2s ease-in 0s;
									  -o-transition: all 0.2s ease-in 0s;
									  transition: all 0.2s ease-in 0s; }
.formContainer form button:hover 	{ background-image: linear-gradient(to left, #4ac3b7, #00b1c3, #009dca, #0086c7, #506cb7); }
.formContainer a 					{ float: right; margin-top: 20px; font-style: italic; color: #341d45; font-size: 15px; }

@media (max-width: 768px) { 
h1									{ margin: 10% 0% 20%; }
html, body 							{ background: none; }
.formContainer a 					{ float: left; width: 100%; text-align: center; }
}

@media (min-width: 768px) {


}