@import url('https://fonts.googleapis.com/css?family=K2D:300,400,800&display=swap');
@import url("https://use.typekit.net/cwk3vdb.css");

body { background: #f7f7f7; }
#wrapper { max-width: 840px; margin: 56px auto; }
#content { margin-top: 40px; position: relative; border: none; background: #fff; box-shadow: 0 2px 10px 0 rgba(0,0,0,.05); border-radius: 4px; padding: 8px 16px; }
/* Style inputs, select elements and textareas */
input:not([type="radio"]):not([type="submit"]), select, textarea { display: block; width: 100%; height: 42px; padding: 8px 16px; font-size: 14px; line-height: 24px; color: #2a2e36; background-color: #fff; background-image: none; border: 1px solid #dcdee2; border-radius: 2px; -webkit-transition: border-color .24s ease,box-shadow .24s ease; -o-transition: border-color .24s ease,box-shadow .24s ease; transition: border-color .24s ease,box-shadow .24s ease; }
body, p, a{font-family: 'K2D', sans-serif; color: #232323; font-weight: 300;}
h1, h2, h3{font-family: brandon-grotesque, sans-serif; color: #232323; }
a{color: #db7aa7;}
h1 { text-transform: uppercase; font-weight: 400; color: #2a2e36; font-size: 34px; line-height: 40px; }
hr { border: 0; height: 1px; background-color: #e6e8ec; }
h2{font-weight: 400;}
body h3 { font-weight: 900; font-stretch: normal; font-size: 20px; line-height: 1.33; letter-spacing: 0.6px; color: #222; text-transform: none; }
hr{color: #eeeeee;}
label{width: 100%; display: inline-block;}
#logo { float: right; width: auto; height: 20px; margin-top: 9px; }
p { color: #7c8088; }
p.row{ margin-top: 25px; }
p.success{ background-color: #edf7ec; padding: 20px; color: #198810; border: 1px solid #cbe8c8; box-shadow: 0 2px 10px 0 rgba(0,0,0,.05); border-radius: 4px; }
p.error { background-color: #fdeeef; padding: 16px; color: #be0f1a; border: 1px solid #be0f1a; box-shadow: 0 2px 10px 0 rgba(0,0,0,.05); border-radius: 4px; }
p.info { background-color: #e3effc; padding: 16px; color: #0c70de; border: 1px solid #d5e7fb; box-shadow: 0 2px 10px 0 rgba(0,0,0,.05); border-radius: 4px; }
p.success a { color: #198810; font-weight: bold; }
span.help { display: block; font-size: 13px; line-height: 18px; margin-top: 5px; margin-bottom: 10px; color: #acb0b8; }
/* Style the label to display next to the inputs */
label { color: #7c8088; max-width: 100%; margin-bottom: 5px; font-weight: 400; }
textarea { height: auto; }
/* Style the submit button */
.button { display: inline-flex; justify-content: center; align-items: center; margin-bottom: 0; font-weight: 500; text-decoration: none; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; outline: none; padding: 8px 16px; line-height: 24px; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all .24s ease; color: #222; background-color: transparent; border: 1px solid #222; -webkit-appearance: none; }
.button-primary { background-color: #db7aa7; border: 1px solid #db7aa7; color: #fff; }
form p { margin: 5px 0 5px; }
form p:last-child { margin-top: 15px; }
form p:last-child label { display: none; }

@media only screen and (max-width: 768px) {
  form p:last-child { display: flex; margin: 0 -5px; }
  .button { flex: 1 1 auto; margin: 5px; }
}