@charset "utf-8";

body {margin: 0; padding: 0; box-sizing: border-box; font-size: 100%; word-wrap: break-word; background: #bababa; font-family: Merriweather, serif; color: #393939; line-height: 145%;}
#wrapper {background: #fff; padding: 1em; max-width: 580px; /*for the body text, NOT entire wrapper*/ margin: 0 auto;}

a {text-decoration: none; color: #ff3e31; transition: .2s;} a:hover {color: #bababa; transition: .1s;}
.button {display: inline-block; margin: 1em 0; padding: 0.5em; background: #ff3e3a; color: #fff; font-family: Merriweather Sans, sans-serif; font-weight: 700; border-radius: 0.25em; transition: .4s} .button:hover {background: #fff; color: #ff3e31; transition: .3s;}

h1, h2, h3, h4 {font-family: Merriweather Sans, sans-serif; line-height: 115%; margin: 0;}
	h1 {font-size: 2.25em; /*36px*/} h2 {font-size: 1.5em; /*24px*/} h3 {font-weight: normal; font-size: 1.25em; /*18px*/} h2, h3 {margin-top: 1.5em;}
	h2:before {content: "\25b6"; display: inline-block; width: 1em; color: #ff3e31;}
ul, ol {font-size: 1.125em; /*18px*/} li {margin: 1em 0; font-family: Merriweather Sans, sans-serif;}
	ul {list-style-type: none; padding-left: 1em;} ul li:before {content: "\25b6"; color: #ff9e97; margin-right: 1em; display: inline-block; width: 1em;}
	ol {padding-left: 2em;} ol li {padding-left: 1em;}
blockquote {margin: 0 0 0 1em; font-style: italic; color: #808080; max-width: 460px;}
@media only screen and (min-width: 550px) {
	blockquote {margin: 0 3em;}
	ul, ol {margin-left: 2em;}
	form {padding-left: 3em;}
}

form {margin: 1em 0;} .form {margin: 1em 0; font-family: Merriweather Sans, sans-serif;}
label {display: block; color: #ff9e97; font-size: 0.875em; /*14px*/ margin: 0.5em 0;}
input {font-family: Merriweather Sans, sans-serif; color: #808080; border: 0; margin-left: 1em; border-bottom: 2px solid #bababa; box-sizing: border-box; transition: .3s;} input:hover {background: #ffcecb; border-bottom: 2px solid #393939; color: #393939; transition: .2s;}