form#contact_form{
	display:grid;
	grid-gap:0px 0px;
	width:100%;
	justify-content:left;align-content:left;
	justify-items:left;align-items:left;
	}

@media only screen and (max-width:480px){
	form#contact_form{
		grid-template-columns:1fr;
		grid-template-rows:repeat(7,auto);
		grid-template-areas:
			'contact_grid_name_label'
			'contact_grid_name'
			'contact_grid_email_label'
			'contact_grid_email'
			'contact_grid_message_label'
			'contact_grid_message'
			'contact_grid_send_button'
			;}
	}

@media only screen and (min-width:481px){
	form#contact_form{
		grid-template-columns:140px 1fr;
		grid-template-rows:repeat(4,auto);
		grid-template-areas:
			'contact_grid_name_label contact_grid_name'
			'contact_grid_email_label contact_grid_email'
			'contact_grid_message_label contact_grid_message'
			'. contact_grid_send_button'
			;}
	}

div.contact_form_label{width:100%;font-style:italic;}
div.contact_form_input{width:100%;}
@media only screen and (min-width:481px){div.contact_form_input{max-width:320px;}}

/* Specific grid areas */
div#contact_grid_name_label{grid-area:contact_grid_name_label;margin-bottom:3px;}
div#contact_grid_name{grid-area:contact_grid_name;margin-bottom:0.5em;}
div#contact_grid_email_label{grid-area:contact_grid_email_label;margin-bottom:3px;}
div#contact_grid_email{grid-area:contact_grid_email;margin-bottom:0.5em;}
div#contact_grid_message_label{grid-area:contact_grid_message_label;margin-bottom:3px;}
div#contact_grid_message{grid-area:contact_grid_message;margin-bottom:0.5em;}
div#contact_grid_send_button{grid-area:contact_grid_send_button;display:inline-block;margin:0px;border:0px none;padding:0px;}

input.contact_form_input{width:100%;margin:0px;border:1px #8C7E6F solid;padding:2px;color:#000000;background-color:#FFFFFB;}
textarea.contact_form_textarea{
	width:100%;height:180px;
	margin:0px;border:1px #8C7E6F solid;padding:2px;
	color:#000000;background-color:#FFFFFB;
	resize:none;
	}
input.contact_form_button{
	margin:0px;border:1px #8C7E6F solid;padding:2px 6px 2px 5px;
	font-family:'TeX_Gyre_Pagella-regular';font-style:italic;font-size:0.87em;
	color:#221D18;background-color:#F6E3C7;
	}
input.contact_form_button:hover{background-color:#F9EEDE;}
input.contact_form_button:active{background-color:#F6E3C7;}

p.message_received{font-style:italic;color:#4666C1;}
p.message_received a,p.message_received a:visited{color:#354B88;}
p.message_received a:hover{color:#172B64;}
p.message_received a:active{color:#354B88;}

@media only screen and (max-width:480px){p.message_received{margin-left:0px;}}
@media only screen and (min-width:481px){p.message_received{margin-left:140px;max-width:320px;}}