*{

  	outline:none;

  	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	box-sizing: border-box;

	-webkit-font-smoothing:antialiased;

	-moz-font-smoothing:antialiased;

	-o-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

	font-size: 100%;

}






label {

  	margin-top: 16px;

  	color:#000000; 

  	font-size:18px;

	font-family: 'Artifika', serif;

	color: #818285;

}

/* Contact form */

#tihidContainer{

	max-width: 600px;

	width:90%;

  	

  	padding: 25px;

  	margin: 30px auto;

	/* Code to rotate the form just the way it looks in the article picture */

	/*

	-webkit-transform: rotate(-20deg);

	-moz-transform: rotate(-20deg);	

	-ms-transform:rotate(-20deg);

	-o-transform:rotate(-20deg);

	transform: rotate(-20deg);*/

}

.formHeader{

	witdh:100%;

	margin-bottom:30px;

	

}

.formHeader h1{

	font-size:22px;

	color: #818285;

	font-family: 'Artifika', serif;

	padding:0;

	margin:0;	

}

.inpuWrap{

  	margin:16px 0;

  	display:block

}

input, textarea{

	width: 100%;

	padding: 10px;

	font-size: 19.2px;

	background:transparent;

	border:none;

	border-bottom:1px solid #818285;

	color:#000000;

	font-family: 'Artifika', serif;
	

}

/* Adding a yellow border to the input fields when focused */

input:focus, textarea:focus{

	border-bottom:1px solid #ff6f2b;	

}

textarea {

  	height: 150px;

  	padding: 10px;

}

.color{

	border:1px solid #000000 !important	

}

/* Submit Button */

.button {width: 140px;

	background: #ff6f2b;

	color: #fff;

	display:block;

	text-align: center;

	text-transform: uppercase;

	

	margin-top: 15px;

	font-family: 'Artifika', serif;

	font-size: 20px;

	line-height: 40px;}

	

	.button:hover {

	

	background: #fff;

	color: #ff6f2b;

	

}

}

.error{

	width:100%;

	display:block;

	margin-top:5px;

	color:#C80064;

	padding:10px;

	

}