@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,200italic,300,300italic,400italic);

body {
	min-height: 100%;
	width: 100%;
	position: relative;
	margin: 0;
	font-family: "Raleway", "Gill Sans", "Gill Sans MT", Helvetica, Verdana, sans-serif;
	font-size: 19px;
	font-weight: 300;
}

h1 {
	font-size: 1.8em;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	color: #FFB300;
	line-height: 1em;
}
h2 {
	font-size: 1.1em;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	margin-top: -1em;
	color: #778348;
}
h3 {
	font-size: 1.6em;
	font-weight: 100;
	color: #F57777;
	border-bottom: 1px solid;
	line-height: 0.7em;
	padding-left: 1ex;
	background-image: url(../images/buds-small.png);
	background-position: 98% 40%;
	background-size: 65px 23px;
	background-repeat: no-repeat;
	position: relative;
}
h3 em {
	color: rgba(0,0,0, 0.3);
	font-size: 0.6em;
	line-height: 0.5em;
	position: relative;
	top: -0.3ex;
	left: 5ex;
}
section {
	clear: both;
}
section:nth-child(even) h3 {
	background-image: url(../images/leaf-small.png);
	background-size: 68px 25px;
}
h3.fancy::before {
	background-image: url(../images/flower-1.png);
	width: 101px;
	height: 27px;
	background-size: 101px 94px;
	background-repeat: no-repeat;
	background-position: bottom;
	content: '';
	display: block;
	position: absolute;
	top: 0.71em;
}
p, ul, ol, address {
	color: #848C90;
}
p {
	line-height: 1.7em;
}

.note {
	font-size: 0.9em;
	font-style: italic;
	color: rgba(0,0,0, 0.3);
	text-align: right;
}

fieldset {
	border-radius: 5px;
	border: 1px solid lightsalmon;
}
fieldset legend {
	padding: 0 1ex;
	color: lightsalmon;
	border-left: 1px solid;
	border-right: 1px solid;
	border-radius: 1em;
}

@-webkit-keyframes subtileWobble {
	25% {
		-webkit-transform: translateZ(0) rotateZ(3deg);
		transform: translateZ(0) rotateZ(3deg);
	}
	75% {
		-webkit-transform: translateZ(0) rotateZ(-3deg);
		transform: translateZ(0) rotateZ(-3deg);
	}
}
@keyframes subtileWobble {
	25% { transform: translateZ(0) rotateZ(3deg); }
	75% { transform: translateZ(0) rotateZ(-3deg); }
}


input:focus,
select:focus,
textarea:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus {
	outline: 0 none transparent;
	/*box-shadow: 0 1px 2px 1px skyblue inset;*/
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
	animation-name: subtileWobble;
}

input[type="button"],
input[type="submit"],
input[type="reset"] {
	font-size: 1em;
	border-radius: 2em;
	background-color: transparent;
	border: 3px solid khaki;
	padding: 0 2ex;
	line-height: 1.5em;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
/*input[type="button"]:focus {	border-color: yellow;	}*/
input[type="button"]:hover {	background-color: khaki;	}
input[type="button"]:active:hover {	background-color: transparent;	}

/* Submit & Go */
input[type="submit"],
input[type="button"].go {	border-color: lightgreen;	}
/*input[type="submit"]:focus,*/
/*input[type="button"].go:focus {	border-color: lawngreen;	}*/
input[type="submit"]:hover,
input[type="button"].go:hover {	background-color: lightgreen;	}
input[type="submit"]:active:hover,
input[type="button"].go:active:hover {	background-color: transparent;	}

/* Reset*/
input[type="reset"],
input[type="button"].stop {	border-color: lightcoral;	}
/*input[type="reset"]:focus,*/
/*input[type="button"].stop:focus {	border-color: coral;	}*/
input[type="reset"]:hover,
input[type="button"].stop:hover {	background-color: lightcoral;	}
input[type="reset"]:active:hover,
input[type="button"].stop:active:hover {	background-color: transparent;	}


article > :first-child,
fieldset > :nth-child(2) {
	margin-top: 0;
}
article > :last-child,
fieldset > :last-child {
	margin-bottom: 0;
}
fieldset {
	/*position: relative;*/
	background-image: url(../images/flower-1.png);
	background-size: 101px 94px;
	background-position: 104% 10%;
	background-repeat: no-repeat;
}
/*fieldset::before {
	background-image: url(../images/flower-1.png);
	width: 101px;
	height: 27px;
	background-size: 101px 94px;
	background-repeat: no-repeat;
	background-position: bottom;
	content: '';
	display: block;
	position: absolute;
	top: 0.7em;
}*/
/*fieldset > * {
	Allow the contents to float above the background
	position: relative;
	z-index: 0;
}*/

h1.supreme {
	font-size: 100px;
	font-weight: 100;
	font-style: italic;
	margin-bottom: 0;
	color: white;
	text-shadow: 0 2px 6px darkcyan;
	line-height: 0.9em;
}

hr {
	border: 0 transparent none;
	height: 100px;
	margin: 1em 0;
	background: transparent url(../images/flowers-hr.png) no-repeat;
	background-position: center;
	background-size: 386px 95px;
	/*background-position: 97% 10px;*/
}

.row {
	margin-bottom: 0.5em;
}
label {
	width: 30%;
	display: inline-block;
	text-align: right;
	padding: 0 1ex 0 0;
	color: lightsalmon;
	box-sizing: border-box;
	float: left;
	border: 3px solid transparent;
	line-height: 1.5em;
}
.field {
	margin-left: 30%;
}
select,
input[type="text"] {
	font-size: 1em;
	border-radius: 2em;
	background-color: transparent;
	border: 3px solid rgba(119, 136, 153, 0.2);
	padding: 0 1ex;
	line-height: 1.5em;
	font-weight: 100;
	transition: border-color 0.5s;
	margin-bottom: 0.5em;
	background: rgba(255, 255, 255, 0.7);
}
input[type="text"]::-webkit-input-placeholder  { color: rgba(119, 136, 153, 0.3); }
input[type="text"]::-moz-placeholder           { color: rgba(119, 136, 153, 0.3); }
input[type="text"]:-ms-input-placeholder       { color: rgba(119, 136, 153, 0.3); }
input[type="text"]:-moz-placeholder            { color: rgba(119, 136, 153, 0.3); }
input[type="text"]:placeholder-shown           { color: rgba(119, 136, 153, 0.3); }

select:focus,
input[type="text"]:focus {
	border-color: rgba(119, 136, 153, 0.6);
}

@media (orientation: landscape) {
	.aside {
		float: right;
		margin-left: 4ex;
		margin-bottom: 1em;
		width: 50%;
	}
	section.aside-wrap {
		clear: none;
	}
	section.aside-wrap h3 {
		margin-right: 55%;
	}
}