
div.contactsection
{
	position: relative;
	background-color: #ffffff;
	height: auto;
	width: 100%;
	padding-bottom: 4rem;
	z-index: 20;
}

div.contacthead
{
	/*font-size: 2rem;*/
	color: #222222;
	text-align: center;
}

span.contactheadhigh
{
	/*font-family: LatoBold;*/
/*	font-weight: bold;*/
}

div.contactbodycontain
{
	position: relative;
	width: 70%;
	margin-top: 1rem;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.contactentryside
{
	position: relative;
	display: inline-block;
	width: 40%;
	margin-top: 1rem;
	margin-left: 2%;
	margin-right: 2%;
}

div.contactentrybottom
{
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	width:  84%;
	margin-top: 1rem;
	margin-left: 0%;
	margin-right: 0%;
}

input.contactentryinput
{
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	box-sizing: border-box;
	width: 100%;
	height: 3rem;
	border-width: 0.05rem;
	border-style: solid;
	border-color: #eeeeee;
	background-color: #eeeeee;
	border-radius: 1.5rem;
	padding: 0.5rem 1rem;
	color: #333333;
	/*font-size: 1rem;*/
}

input.contactentryinput:hover
{
	border-width: 0.05rem;
	border-color: #dddddd;
	background-color: #f3f3f3;
}

input.contactentryinput:focus
{
	border-width: 0.05rem;
	border-color: #333333;
	background-color: #ffffff;
}

input.contactentryerror
{
	border-width: 0.05rem;
	border-color: #dd9999;
	background-color: #f3d3d3;
}

input.contactentryerror:hover
{
	border-width: 0.05rem;
	border-color: #cc7777;
	background-color: #ffeeee;
}

input.contactentryerror:focus
{
	border-width: 0.05rem;
	border-color: #ff0000;
	background-color: #fff7f7;
}

div.contactsendmsg
{
	position: relative;
	margin-top: 4rem;
	background-color: #333333;
	border-color: #333333;
	color: #ffffff;
	letter-spacing: 0.1em;
}
div.contactsendmsg:hover
{
	background-color: #ffffff;
	border-color: #333333;
	color: #333333;
	letter-spacing: 0.2em;
}

div.contactsendok
{
	margin-top: 2rem;
	color: #33cc33;
	text-align: center;
}

div.contactsenderr
{
	margin-top: 2rem;
	color: #cc3333;
	text-align: center;
}


@media only screen and (min-width: 1600px)
{
	/*div.contactsection {height: 40rem;}*/
	div.contactsection {padding-bottom: 6rem;}
	/*div.contacthead {font-size: 2.5rem;}*/
	div.contactentryside {margin-top: 1.25rem;}
	div.contactentrybottom {margin-top: 1.25rem;}
	/*input.contactentryinput {height: 3.5rem; border-radius: 1.75rem; padding: 0.75rem 1.25rem; font-size: 1.25rem;}*/
	input.contactentryinput {height: 3.5rem; border-radius: 1.75rem; padding: 0.75rem 1.25rem;}
}

@media only screen and (max-width: 999px)
{
	/*div.contactsection {height: 40rem;}*/
	div.contactbodycontain {position: relative; width: 100%;}
}

@media only screen and (max-width: 599px)
{
	/*div.contactsection {height: 40rem;}*/
	div.contactsection {padding-bottom: 3rem;}
	/*div.contacthead {font-size: 2.5rem;}*/
	div.contactbodycontain {position: relative; width: 100%;}
	div.contactentryside {margin-top: 1rem; width: 90%; margin-left: auto; margin-right: auto;}
	div.contactentrybottom {margin-top: 1rem; width: 90%;}
	/*input.contactentryinput {height: 3.5rem; border-radius: 1.75rem; padding: 0.75rem 1.25rem; font-size: 1.25rem;}*/
	input.contactentryinput {height: 3rem; border-radius: 1.75rem; padding: 0.5rem 1rem;}
}
