@charset "utf-8";
/* for Contact page */
/*********************
         Form
*********************/
* {
  box-sizing: border-box; 
}
.container {
	max-width: 750px;
	margin: 20px auto 0 auto;
	padding: 30px;
  	background-color: #E6E6E6;
	border-radius: 2rem;
}
textarea, input, label, button {
	outline: none;
	padding: 3.2px 16px;
	padding: 0.2rem 1rem;
    font-size: 24px;
    font-size: 1.5rem;
}
textarea {
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	resize: none;
  	overflow: auto;
	height: 112px;
	height: 7rem;
}
.form-box, .form-box-name {
    padding: 8px 0;
    padding: 0.5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.form-box label, .form-box-name label {
 	display: none;
}
.form-box-name input {
/*	text-transform: capitalize;*/
}
.form-box input,
.form-box-name input,
.form-box textarea {
	border-radius: 7px;
	color: #70471C;
	-ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	-webkit-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}
.form-box input:focus,
.form-box-name input:focus,
.form-box textarea:focus {
	border-radius: 5px;
	-ms-flex-preferred-size: 100%;
	    flex-basis: 100%;
	box-shadow: 3px 2px 20px yellow;
	border: 1px solid yellow;
}
.captcha textarea {
	height: 30px;
	overflow: hidden;
}
.form-box button{
	border-radius: 20px;
	background-color: gold;
	box-shadow: 3px 2px 20px yellow;
	color: midnightblue;
	font-size: 24px;
	font-size: 1.5rem;
	padding: 5px 0px;
	flex-basis: 100%;
}
.form-box button:hover {
	color: white;
}
/*******************************
         Media Queries
*******************************/
@media only screen and (max-width : 555px) {
	.pagetitle {
		font-size: 2.5rem; 
	}
}
@media all and (min-width: 500px){
	.form-box, .form-box-name {	
	}
	.form-box label, .form-box-name label {
		display: block;
	}
	.form-box input, .form-box-name input, .form-box textarea {               
	}
}       
@media all and (min-width: 600px) {
.form-box, .form-box-name {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
}
.form-box label, .form-box-name label {
	-ms-flex-preferred-size: 9rem;
	    flex-basis: 9rem;
	-webkit-box-flex: 0;
	    -ms-flex-positive: 0;
	        flex-grow: 0;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.form-box input, .form-box textarea {
	-ms-flex-preferred-size: 0;
	    flex-basis: 0;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-ms-flex-negative: 1;
	    flex-shrink: 1;
}
	.form-box button{
		margin-left: 9rem;
	}
}