#contact{
	margin: 0 auto;
	max-width: var(--sc-content-max-width);
	padding-left: var(--sc-gutter-width);
	padding-right: var(--sc-gutter-width);
	/* dev */
	padding-top: 12vh;

}
#contact-h1{
	font-size: 2.4rem;
	font-weight: 300;
	grid-area: title;
	line-height: 3.2rem;
	text-transform: uppercase;
}
#contact-text{
	grid-area: description;
	font-weight: 100;
	font-size: 2rem;
	line-height: 1.6em;
	margin: 0;
}
@media only screen and (max-width: 735px){
}
@media only screen and (min-width: 735.1px){
}
@supports(padding: max(0px)) {
	#contact{
		padding-left: max(var(--sc-gutter-width), max(env(safe-area-inset-left),env(safe-area-inset-right)));
		padding-right: max(var(--sc-gutter-width), max(env(safe-area-inset-left),env(safe-area-inset-right)));
	}
}
/* message-fieldset */
#message-compose{
	padding-top: var(--sc-gutter-double-width);
}
#message-compose-header{
	padding: var(--sc-gutter-width) 0 var(--sc-gutter-double-width) 0;
}
#message-compose-text{
	color: var(--sc-color-text-light);
	font-size: 1.4rem;
	font-weight: 300;
}
#message-compose-title{
	font-weight: 300;
	grid-area: title;
	padding-top: var(--sc-gutter-fourfold-width);
	text-transform: uppercase;
}
#message-fieldset{

	display: grid;

}
#message-body{
	grid-area: message;
}
#message-button{
	grid-area: button;
}
#message-email{
	grid-area: email;
}
#message-familyName{
	grid-area: familyName;
}
#message-givenName{
	grid-area: givenName;
}
#message-order{
	grid-area: order;
}
#message-phone{
	grid-area: phone;
}
#message-send{
	align-items: center;
	border: none;
	background-color: #FF9900;
	border-radius: .8rem;
	color: #FFFFFF;
	display: grid;
	grid-gap: .8rem;
	grid-template-columns: 4rem 1fr;
	grid-template-areas: "icon label";
	justify-items: center;
	height: 5.6rem;
	margin: 0;
}
#message-send svg{
	fill: #FFFFFF;
	height: 3.2rem;
	width: 3.2rem;
}
#message-send span{
	align-self: center;
	display: block;
	grid-area: label;
	font-size: 1.6rem;
	font-weight: 300;
	padding: 0 var(--sc-gutter-double-width);
	text-transform: uppercase;
}
#message-subject{
	grid-area: subject;
}
@media only screen and (max-width: 735px){
	#message-fieldset{
		grid-row-gap: var(--sc-gutter-width);
		grid-template-areas: "givenName" "familyName" "email" "phone" "subject" "order" "message" "button";
		grid-template-columns: 1fr;
	}
}
@media only screen and (min-width: 735.1px){
	#message-fieldset{
		grid-gap: var(--sc-gutter-width);
		grid-template-areas: "givenName familyName " 
							 "email phone" 
							 "subject order" 
							 "message message"
							 "button button";
		grid-template-columns: 1fr 1fr;
	}
}
@supports(padding: max(0px)) {
	#artist{
		padding-left: max(var(--sc-gutter-width), max(env(safe-area-inset-left),env(safe-area-inset-right)));
		padding-right: max(var(--sc-gutter-width), max(env(safe-area-inset-left),env(safe-area-inset-right)));
	}
}
/* message-sent*/
#message-sent{
	padding-top: var(--sc-gutter-double-width);
}