/* #180020 = HSL 285, 100%, 6.25% */
/* #300040 = HSL 285, 100%, 12.5% */
/* #600080 = HSL 285, 100%, 25% */
/* #890CB3 = HSL 285, 87.5%, 37.5% */
/* #AF20DF = HSL 285, 75%, 50% */
/* #D594EA = HSL 285, 67.5%, 75% */
/* #E7CFEF = HSL 285, 50%, 87.5% */

body
{
	margin: 0;
	background-size: 540px;
	background-position: center top;
	background-color: white;
	color: black;
	font-size: 19.5px;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	font-style: normal;
}
	@media all and (min-width: 540px) { body { background-size: 100vw; } }
	@media all and (max-width: 600px) { body { font-size: 3.25vw; } }
	@media all and (max-width: 500px) { body { font-size: 15.75px; } }

.serif { font-size: 24px; font-family: 'Bellefair', serif; }
	@media all and (max-width: 600px) { .serif { font-size: 4vw; } }
	@media all and (max-width: 500px) { .serif { font-size: 20px; } }
.small { font-size: 15px; }
	@media all and (max-width: 600px) { .small { font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .small { font-size: 12.5px; } }
.small.serif { font-size: 18px; }
	@media all and (max-width: 600px) { .small.serif { font-size: 3vw; } }
	@media all and (max-width: 500px) { .small.serif { font-size: 15px; } }
.regular { font-size: 19.5px; }
	@media all and (max-width: 600px) { .regular { font-size: 3.25vw; } }
	@media all and (max-width: 500px) { .regular { font-size: 15.75px; } }
.large { font-size: 24px; }
	@media all and (max-width: 600px) { .large { font-size: 4vw; } }
	@media all and (max-width: 500px) { .large { font-size: 20px; } }
.large.serif { font-size: 30px; }
	@media all and (max-width: 600px) { .large.serif { font-size: 5vw; } }
	@media all and (max-width: 500px) { .large.serif { font-size: 25px; } }

h1 { margin: 30px 0 15px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 36px; line-height: 115%; }
	@media all and (max-width: 600px) { h1 { margin: 5vw 0 2.5vw; font-size: 6vw; } }
	@media all and (max-width: 500px) { h1 { margin: 25px 0 12.5px; font-size: 30px; } }
h1.serif { font-size: 48px; }
	@media all and (max-width: 600px) { h1.serif { font-size: 8vw; } }
	@media all and (max-width: 500px) { h1.serif { font-size: 40px; } }
h1.screen.serif { font-size: 58.5px; }
	@media all and (max-width: 650px) { h1.screen.serif { font-size: 9vw; } }
h2 { margin: 24px 0 15px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 30px; line-height: 115%; }
	@media all and (max-width: 600px) { h2 { margin: 4vw 0 2.5vw; font-size: 5vw; } }
	@media all and (max-width: 500px) { h2 { margin: 20px 0 12.5px; font-size: 25px; } }
h2.large { font-size: 36px; }
	@media all and (max-width: 600px) { h2.large { font-size: 6vw; } }
	@media all and (max-width: 500px) { h2.large { font-size: 30px; } }
h2.serif { font-size: 36px; }
	@media all and (max-width: 600px) { h2.serif { font-size: 6vw; } }
	@media all and (max-width: 500px) { h2.serif { font-size: 30px; } }
h2.large.serif { font-size: 48px; }
	@media all and (max-width: 600px) { h2.large.serif { font-size: 8vw; } }
	@media all and (max-width: 500px) { h2.large.serif { font-size: 40px; } }
h3 { margin: 24px 0 15px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 24px; }
	@media all and (max-width: 600px) { h3 { margin: 4vw 0 2.5vw; font-size: 4vw; } }
	@media all and (max-width: 500px) { h3 { margin: 20px 0 12.5px; font-size: 20px; } }
h3.serif { font-size: 30px; }
	@media all and (max-width: 600px) { h3.serif { font-size: 5vw; } }
	@media all and (max-width: 500px) { h3.serif { font-size: 25px; } }
h4 { margin: 24px 0 15px; font-family: 'Lato', sans-serif; font-weight: 300; font-style: normal; font-size: 18px; }
	@media all and (max-width: 600px) { h4 { margin: 4vw 0 2.5vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { h4 { margin: 20px 0 12.5px; font-size: 15px; } }

p { margin: 0 0 9px; line-height: 140%; }
	@media all and (max-width: 600px) { p { margin: 0 0 1.5vw; } }
	@media all and (max-width: 500px) { p { margin: 0 0 7.5px; } }
p.serif { margin-bottom: 18px; line-height: 120%; }
	@media all and (max-width: 600px) { p.serif { margin-bottom: 3vw; } }
	@media all and (max-width: 500px) { p.serif { margin-bottom: 15px; } }
p.large { margin-bottom: 18px; }
	@media all and (max-width: 600px) { p.large { margin-bottom: 3vw; } }
	@media all and (max-width: 500px) { p.large { margin-bottom: 15px; } }
p.quitworkprojectinline { margin-bottom: 4.5px; }
	@media all and (max-width: 600px) { p.quitworkprojectinline { margin-bottom: 0.75vw; } }
	@media all and (max-width: 500px) { p.quitworkprojectinline { margin-bottom: 3.75px; } }
p.large.quitworkprojectinline { margin-bottom: 9px; }
	@media all and (max-width: 600px) { p.large.quitworkprojectinline { margin-bottom: 1.5vw; } }
	@media all and (max-width: 500px) { p.large.quitworkprojectinline { margin-bottom: 7.5px; } }

a { color: #AF20DF; text-decoration: none; }
a.quiet, a.silent { color: black; }
.inverted a { color: #D78FEF; }
.inverted a.quiet, .inverted a.silent { color: white; }
a:hover { text-decoration: underline; }
a.silent:hover { text-decoration: none; }
a.button:hover { text-decoration: none; }

input[type="text"], input[type="email"], input[type="password"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 6px 15px; /* padding for consistency, otherwise it's 1px for Firefox but 0px for Chrome */ border: none; border-radius: 40px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; background: white; }
	@media all and (max-width: 600px) { input[type="text"], input[type="email"], input[type="password"] { padding: 1vw 2.5vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { input[type="text"], input[type="email"], input[type="password"] { padding: 5px 12.5px; font-size: 15px; } }
.compact input[type="text"], .compact input[type="email"], .compact input[type="password"] { padding: 4.5px 12px; }
	@media all and (max-width: 600px) { .compact input[type="text"], .compact input[type="email"], .compact input[type="password"] { padding: 0.75vw 2vw; } }
	@media all and (max-width: 500px) { .compact input[type="text"], .compact input[type="email"], .compact input[type="password"] { padding: 3.75px 10px; } }
input[type="text"].invalid, input[type="email"].invalid, input[type="password"].invalid { border-color: #F00000; }

textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 6px 15px; /* padding for consistency, otherwise it's 1px for Firefox but 0px for Chrome */ border: none; border-radius: 16px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; background: white; }
	@media all and (max-width: 600px) { textarea { padding: 1vw 2.5vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { textarea { padding: 5px 12.5px; font-size: 15px; } }
textarea.invalid { border-color: #F00000; }

::-webkit-input-placeholder /* Edge */  { font-family: 'Lato', sans-serif; opacity: 0.5; color: black; }
:-ms-input-placeholder /* Internet Explorer 10-11 */  { font-family: 'Lato', sans-serif; opacity: 0.5; color: black; }
::placeholder { font-family: 'Lato', sans-serif; opacity: 0.5; color: black; }

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 6px 15px; /* padding for consistency, otherwise it's 1px for Firefox but 0px for Chrome */ border: none; border-radius: 40px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; background: white; }
	@media all and (max-width: 600px) { select { padding: 1vw 2.5vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { select { padding: 5px 12.5px; font-size: 15px; } }
.compact select { padding: 4.5px 12px; }
	@media all and (max-width: 600px) { .compact select { padding: 0.75vw 2vw; } }
	@media all and (max-width: 500px) { .compact select { padding: 3.75px 10px; } }

button, a.button { padding: 6px 24px; border: none; border-radius: 48px; font-family: 'Lato', sans-serif; font-weight: 400; font-style: normal; font-size: 18px; white-space: nowrap; background: #600080; color: white; cursor: pointer; }
	@media all and (max-width: 600px) { button { padding: 1vw 4vw; border-radius: 8vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { button { padding: 5px 20px; border-radius: 40px; font-size: 15px; } }
button.secondary, a.button.secondary { border: solid 1.5px #600080; background: transparent; color: #600080; }
button.danger { background: #F00000; color: white; }
button:hover, a.button:hover { background: #890CB3; }
button.secondary:hover, a.button.secondary:hover { background: #E7CFEF; }
button.danger:hover { background: #F00000; }
button.border, a.button.border { border: solid 1.5px white; }
button.smaller, a.button.smaller { padding: 3.75px 15px 4.5px; border-radius: 36px; font-size: 16.5px; }
	@media all and (max-width: 600px) { button.smaller, a.button.smaller { padding: 0.625vw 2.5vw 0.75vw; border-radius: 6vw; font-size: 2.75vw; } }
	@media all and (max-width: 500px) { button.smaller, a.button.smaller { padding: 3.125px 12.5px 3.75px; border-radius: 30px; font-size: 13.75px; } }
button.small, a.button.small { padding: 2.25px 9px 3.75px; border-radius: 24px; font-size: 15px; }
	@media all and (max-width: 600px) { button.small, a.button.small { padding: 0.375vw 1.5vw 0.625vw; border-radius: 4vw; font-size: 2.5vw; } }
	@media all and (max-width: 500px) { button.small, a.button.small { padding: 1.875px 7.5px 3.125px; border-radius: 20px; font-size: 12.5px; } }
button.tiny, a.button.tiny { padding: 1px 6px 2px; border-radius: 12px; font-size: 12px; }
	@media all and (max-width: 600px) { button.tiny { border-radius: 2vw; font-size: 2vw; } }
	@media all and (max-width: 500px) { button.tiny { border-radius: 10px; font-size: 10px; } }

span.danger { padding-left: 12px; padding-right: 12px; background: #F00000; color: white; }
span.grey { color: #E0E0E0; }

*:focus { outline: none; }  /* avoid nasty outlines, e.g. around text inputs, e.g. in Chrome */
* { box-shadow: none; }  /* avoid nasty shadows, e.g. around text inputs, e.g. in Firefox */

.times { font-family: 'Times New Roman', 'Times', serif; }

.quitworkproject { font-family: 'Courier Prime', 'Courier New', 'Courier', monospace; font-style: normal; font-weight: normal; text-transform: uppercase; }
.quitworkproject.inline { margin: 0 3px; font-size: 90%; white-space: nowrap; }
	@media all and (max-width: 600px) { .quitworkproject.inline { white-space: normal; } }
.quitworkproject.inline.larger { font-size: 105%; }
.quitworkproject.inline.break { white-space: normal; }

.quitworkprojectlogoouter { width: 100%; }
.quitworkprojectlogo { display: inline-block; margin-bottom: 18px; border-radius: 9px; padding: 12px 18px; font-size: 41.5px; line-height: 36px; background: radial-gradient(#8600B2, #4F006A); color: white; }
	@media all and (max-width: 600px) { .quitworkprojectlogo { margin-bottom: 4vw; } }
	@media all and (max-width: 500px) { .quitworkprojectlogo { margin-bottom: 20px; } }
.quitworkprojectlogo.double { border-radius: min(18px, 3.75vw); padding: min(24px, 5vw) min(36px, 7.5vw); font-size: min(83px, 17.2917vw); line-height: min(72px, 15vw); }
.quitworkprojectlogo .quit { position: relative; left: -1px; font-size: 75px; line-height: 66px; }
.quitworkprojectlogo.double .quit { left: min(-2px, 0.4167vw); font-size: min(150px, 31.25vw); line-height: min(132px, 27.5vw); }
.quitworkprojectlogo .work { font-size: 72px; line-height: 57px; }
.quitworkprojectlogo.double .work { font-size: min(144px, 30vw); line-height: min(114px, 23.75vw); }

.reasonstilecontainer { display: inline-block; position: relative; width: min(432px, 90vw); height: min(438px, 91.25vw); }
.reasonstileimage { width: 100%; height: 100%; border-radius: min(18px, 3.75vw); object-fit: cover; background: #600080; }
.reasonstiletextouter { display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.reasonstiletextinner { display: table-cell; vertical-align: middle; }
.reasonstiletext { color: white; }
.reasonstiletext.line1 { font-size: min(120px, 25vw); line-height: 60%; }
.reasonstiletext.line2 { font-size: min(90px, 18.75vw); line-height: 100%; }
.reasonstiletext.line3 { font-size: min(60px, 12.5vw); line-height: 100%; }
.reasonstiletext.line4 { font-size: min(48px, 10vw); line-height: 150%; }

.redacted { margin: 0 3px; background: #180020; }
.redacted.partial { margin-left: 0; }
.redacted.punctuationafter { margin-right: 0; }

.thinspace { font-size: 75%; }
.nowrap { white-space: nowrap; }
.italic { font-style: italic; }

#content { margin: 12px auto 18px; text-align: center; }
	@media all and (max-width: 600px) { #content { margin: 2vw auto 3vw; } }
	@media all and (max-width: 500px) { #content { margin: 10px auto 15px; } }
.contentemulator { display: inline-block; margin: 0 0 -18px; }
.narrowwidth { width: 576px; }
	@media all and (max-width: 640px) { .narrowwidth { width: 90vw; } }
.compactwidth { width: 720px; }
	@media all and (max-width: 800px) { .compactwidth { width: 90vw; } }
.regularwidth { width: 864px /* 864px = 90% x 960px chosen because divisible by so many 2's and 3's: 864 = 2^5 x 3^3 */; }
	@media all and (max-width: 960px) { .regularwidth { width: 90vw; } }
.fullwidth { width: 100%; }

.screenimagecontainer { display: inline-block; position: relative; width: 100%; max-width: 600px; }
.screenimage { width: 100%; }
.screenimagetextouter { display: table; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.screenimagetextinner { display: table-cell; vertical-align: middle; padding-bottom: 18px; }
	@media all and (max-width: 600px) { .screenimagetextinner { padding-bottom: 3vw; } }
	@media all and (max-width: 500px) { .screenimagetextinner { padding-bottom: 15px; } }

.gallery { margin: 0 12px 24px; }
	@media all and (max-width: 600px) { .gallery { margin: 0 2vw 4vw; } }
	@media all and (max-width: 500px) { .gallery { margin: 0 10px 20px; } }
.gallery .exhibit { display: inline-block; margin-bottom: 12px; cursor: pointer; }
	@media all and (max-width: 600px) { .gallery .exhibit { margin-bottom: 2vw; } }
	@media all and (max-width: 500px) { .gallery .exhibit { margin-bottom: 10px; } }
.gallery .screenimagecontainerouter { display: table; position: relative; width: 288px; height: 162px; max-width: 100%; max-height: 56.25%; }
	@media all and (max-width: 600px) { .gallery .screenimagecontainerouter { width: 48vw; height: 27vw; } }
	@media all and (max-width: 500px) { .gallery .screenimagecontainerouter { width: 288px; height: 162px; } }
.gallery .screenimagecontainerinner { display: table-cell; vertical-align: middle; }
.gallery .screenimage { width: 90%; }
.gallery a { color: black; }
.gallery a:hover { text-decoration: none; }

.reasoncontentinner { display: inline-block; text-align: left; max-width: 560px; }
.reasoncontentinner p { text-indent: -24px; margin-left: 24px; }

.box { position: relative; margin: 0 0 18px; border-radius: 9px; padding: 24px; background: radial-gradient(#FFFFFF, #C7AFCF); }
	@media all and (max-width: 600px) { .box { margin: 0 0 3vw; border-radius: 1.5vw; padding: 4vw; } }
	@media all and (max-width: 500px) { .box { margin: 0 0 15px; border-radius: 7.5px; padding: 20px; } }

.ce { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #F00000; }
	@media all and (max-width: 600px) { .ce { font-size: 1.75vw; } }
	@media all and (max-width: 500px) { .ce { font-size: 8.75px; } }
input[type="text"].cui { height: 0; padding: 0; background: transparent; color: transparent; cursor: default; }
	input[type="text"].cui::-webkit-input-placeholder /* Edge */  { opacity: 0; color: transparent; }
	input[type="text"].cui:-ms-input-placeholder /* Internet Explorer 10-11 */  { opacity: 0; color: transparent; }
	input[type="text"].cui::placeholder { opacity: 0; color: transparent; }

.capture { margin: 9px 0 0; }
	@media all and (max-width: 600px) { .capture { margin: 1.5vw 0 0; } }
	@media all and (max-width: 500px) { .capture { margin: 7.5px 0 0; } }
.capture.close { margin-top: -12px; }
	@media all and (max-width: 600px) { .capture.close { margin-top: -2vw; } }
	@media all and (max-width: 500px) { .capture.close { margin-top: -10px; } }
.capture.left { text-align: left; }
.capture .capturefields { display: inline-block; vertical-align: top; }
.capture .cp { margin: 0 0 4.5px 13.5px; font-size: 15px; text-align: left; }
	@media all and (max-width: 600px) { .capture .cp { margin: 0 0 0.75vw 2.25vw; font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .capture .cp { margin: 0 0 3.75px 11.25px; font-size: 12.5px; } }
.capture .cq:not(.quitworkproject) { margin: 6px 0; font-size: 24px; font-family: 'Bellefair', serif; text-align: left; }
	@media all and (max-width: 600px) { .capture .cq:not(.quitworkproject) { margin: 1vw 0; font-size: 4vw; } }
	@media all and (max-width: 500px) { .capture .cq:not(.quitworkproject) { margin: 5px 0; font-size: 20px; } }
.capture .cq.quitworkproject { margin: 18px 0; font-size: 24px; text-align: left; }
	@media all and (max-width: 600px) { .capture .cq.quitworkproject { margin: 3vw 0; font-size: 4vw; } }
	@media all and (max-width: 500px) { .capture .cq.quitworkproject { margin: 15px 0; font-size: 20px; } }
.capture .cd { margin: -1.5px 0 12px; font-size: 15px; font-style: italic; text-align: left; }
	@media all and (max-width: 600px) { .capture .cd { margin: -0.25vw 0 2vw; font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .capture .cd { margin: -1.25px 0 10px; font-size: 12.5px; } }
.capture .cf input[type="email"]:not(.cgq) { width: 70vw; max-width: 400px; }
.capture .cf input[type="email"].cgq { width: calc(100% - 48px); }
	@media all and (max-width: 600px) { .capture .cf input[type="email"].cgq { width: calc(100% - 8vw); } }
	@media all and (max-width: 500px) { .capture .cf input[type="email"].cgq { width: calc(100% - 40px); } }
.capture .cf input[type="text"]:not(.cni):not(.cgq) { width: 70vw; max-width: 600px; }
.capture .cf input[type="text"].cni { width: 20vw; min-width: 120px; max-width: 200px; }
.capture .cf input[type="text"].cgq { width: calc(100% - 48px); }
	@media all and (max-width: 600px) { .capture .cf input[type="text"].cgq { width: calc(100% - 8vw); } }
	@media all and (max-width: 500px) { .capture .cf input[type="text"].cgq { width: calc(100% - 40px); } }
.capture .cf textarea:not(.cgq) { width: 70vw; max-width: 600px; }
.capture .cf textarea.cgq { width: calc(100% - 48px); }
	@media all and (max-width: 600px) { .capture .cf textarea.cgq { width: calc(100% - 8vw); } }
	@media all and (max-width: 500px) { .capture .cf textarea.cgq { width: calc(100% - 40px); } }
.capture .ce { margin: 0 0 3px 15px; }
	@media all and (max-width: 600px) { .capture .ce { margin: 0 0 0.5vw 2.5vw; } }
	@media all and (max-width: 500px) { .capture .ce { margin: 0 0 2.5px 12.5px; } }
.capture .outcome { padding: 12px 12px 3px; display: none; }
	@media all and (max-width: 600px) { .capture .outcome { padding: 2vw 2vw 0.5vw; } }
	@media all and (max-width: 500px) { .capture .outcome { padding: 10px 10px 2.5px; } }
.capture .outcome p { line-height: inherit; }
.capture .outcome.success { background: #600080; color: white; }
.capture .outcome.success.muted { background: inherit; color: inherit; }
.capture .outcome.failure { background: #F00000; color: white; }
.capture .disclosure { margin-top: 12px; font-size: 15px; }
	@media all and (max-width: 600px) { .capture .disclosure { margin-top: 2vw; font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .capture .disclosure { margin-top: 10px; font-size: 12.5px; } }
.capture .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; opacity: 0; background: #006000; }

.spinnerouter { display: none; }
.spinner { width: 24px; height: 24px; border: 4px solid #60008040; border-top: 4px solid #600080; border-radius: 50%; vertical-align: middle; animation: spin 1.5s linear infinite; display: inline-block; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

.proposedaily { display: none; }
.proposepledge { display: none; }

.postcapture { display: none; }
.postcapture .pledge { padding: 12px 12px 1px; background: #600080; color: white; }
	@media all and (max-width: 600px) { .postcapture .pledge { padding: 2vw 2vw 0.5vw; } }
	@media all and (max-width: 500px) { .postcapture .pledge { padding: 10px 10px 2.5px; } }

.pledgewallinner { display: inline-block; max-width: 720px; }
.pledgewallinner .box { padding: 12px 18px 18px; }
	@media all and (max-width: 600px) { .pledgewallinner .box { padding: 2vw 3vw 3vw; } }
	@media all and (max-width: 500px) { .pledgewallinner .box { padding: 10px 15px 15px; } }
.pledgeheader { position: relative; margin-bottom: 18px; border-bottom: solid 1px #30004040; padding-bottom: 1.5px; text-align: left; }
	@media all and (max-width: 600px) { .pledgeheader { margin-bottom: 3vw; padding-bottom: 0.25vw; } }
	@media all and (max-width: 500px) { .pledgeheader { margin-bottom: 15px; padding-bottom: 1.25px; } }
.pledgetaketime { position: absolute; right: 0; }
.pledgequestion { text-align: left; }
.pledgequestion span { margin-bottom: 6px; border-bottom: solid 1px #30004040; padding-bottom: 3px; }
	@media all and (max-width: 600px) { .pledgequestion span { margin-bottom: 1vw; padding-bottom: 0.5vw; } }
	@media all and (max-width: 500px) { .pledgequestion span { margin-bottom: 5px; padding-bottom: 2.5px; } }
.pledgeanswer { text-align: left; }

.twitterlogo { position: relative; top: 9px; height: 32px; }
	@media all and (max-width: 600px) { .twitterlogo { top: 1.5vw; } }
	@media all and (max-width: 500px) { .twitterlogo { top: 3px; height: 16px; } }
.twitterlink { margin-left: 12px; color: #1DA1F2; font-family: Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; font-weight: 400; }
	@media all and (max-width: 600px) { .twitterlink { margin-left: 2vw; } }
	@media all and (max-width: 500px) { .twitterlink { margin-left: 10px; } }
.twitterlink:hover { border-radius: inherit; text-decoration: none; background: inherit; color: #1DA1F2; }
.instagramlogo { position: relative; top: 9px; height: 32px; }
	@media all and (max-width: 600px) { .instagramlogo { top: 1.5vw; } }
	@media all and (max-width: 500px) { .instagramlogo { top: 3px; height: 16px; } }
.instagramlink { margin-left: 12px; color: #F00074; font-family: Helvetica Neue LT,Helvetica Neue,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif; font-weight: 400; }
	@media all and (max-width: 600px) { .instagramlink { margin-left: 2vw; } }
	@media all and (max-width: 500px) { .instagramlink { margin-left: 10px; } }
.instagramlink:hover { border-radius: inherit; text-decoration: none; background: inherit; color: #F00074; }

.navigation { border-top: solid 1px #30004040; padding: 4.5px 0; font-size: 16.5px; text-transform: uppercase; }
	@media all and (max-width: 600px) { .navigation { padding: 0.75vw 0; font-size: 2.75vw; } }
	@media all and (max-width: 500px) { .navigation { padding: 3.75px 0; font-size: 13.75px; } }
.kvvinc { margin-bottom: 18px; border-top: solid 1px #30004040; padding-top: 18px; font-size: 15px; }
	@media all and (max-width: 600px) { .kvvinc { margin-bottom: 3vw; padding-top: 3vw; font-size: 2.5vw; } }
	@media all and (max-width: 500px) { .kvvinc { margin-bottom: 15px; padding-top: 15px; font-size: 12.5px; } }

.minusquarterspaceabove { margin-top: -6px; }
	@media all and (max-width: 600px) { .minusquarterspaceabove { margin-top: -1vw; } }
	@media all and (max-width: 500px) { .minusquarterspaceabove { margin-top: -5px; } }
.nospaceabove { margin-top: 0px; }
.nospacebelow, p.nospacebelow { margin-bottom: 0px; }
.eighthspaceabove { margin-top: 3px; }
	@media all and (max-width: 600px) { .eighthspaceabove { margin-top: 0.5vw; } }
	@media all and (max-width: 500px) { .eighthspaceabove { margin-top: 2.5px; } }
.eighthspacebelow { margin-bottom: 3px; }
	@media all and (max-width: 600px) { .eighthspacebelow { margin-bottom: 0.5vw; } }
	@media all and (max-width: 500px) { .eighthspacebelow { margin-bottom: 2.5px; } }
.quarterspaceabove { margin-top: 6px; }
	@media all and (max-width: 600px) { .quarterspaceabove { margin-top: 1vw; } }
	@media all and (max-width: 500px) { .quarterspaceabove { margin-top: 5px; } }
.quarterspacebelow, p.quarterspacebelow { margin-bottom: 6px; }
	@media all and (max-width: 600px) { .quarterspacebelow, p.quarterspacebelow { margin-bottom: 1vw; } }
	@media all and (max-width: 500px) { .quarterspacebelow, p.quarterspacebelow { margin-bottom: 5px; } }
.halfspaceabove, p.halfspaceabove { margin-top: 12px; }
	@media all and (max-width: 600px) { .halfspaceabove, p.halfspaceabove { margin-top: 2vw; } }
	@media all and (max-width: 500px) { .halfspaceabove, p.halfspaceabove { margin-top: 10px; } }
.halfspacebelow { margin-bottom: 12px; }
	@media all and (max-width: 600px) { .halfspacebelow { margin-bottom: 2vw; } }
	@media all and (max-width: 500px) { .halfspacebelow { margin-bottom: 10px; } }
.threequartersspaceabove, p.threequartersspaceabove { margin-top: 18px; }
	@media all and (max-width: 600px) { .threequartersspaceabove, p.threequartersspaceabove { margin-top: 3vw; } }
	@media all and (max-width: 500px) { .threequartersspaceabove, p.threequartersspaceabove { margin-top: 15px; } }
.threequartersspacebelow, p.threequartersspacebelow { margin-bottom: 18px; }
	@media all and (max-width: 600px) { .threequartersspacebelow, p.threequartersspacebelow { margin-bottom: 3vw; } }
	@media all and (max-width: 500px) { .threequartersspacebelow, p.threequartersspacebelow { margin-bottom: 15px; } }
.spaceabove { margin-top: 24px; }
	@media all and (max-width: 600px) { .spaceabove { margin-top: 4vw; } }
	@media all and (max-width: 500px) { .spaceabove { margin-top: 20px; } }
.spacebelow { margin-bottom: 24px; }
	@media all and (max-width: 600px) { .spacebelow { margin-bottom: 4vw; } }
	@media all and (max-width: 500px) { .spacebelow { margin-bottom: 20px; } }
.spaceandahalfabove { margin-top: 36px; }
	@media all and (max-width: 600px) { .spaceandahalfabove { margin-top: 6vw; } }
	@media all and (max-width: 500px) { .spaceandahalfabove { margin-top: 30px; } }
.spaceandahalfbelow, p.spaceandahalfbelow { margin-bottom: 36px; }
	@media all and (max-width: 600px) { .spaceandahalfbelow, p.spaceandahalfbelow { margin-bottom: 6vw; } }
	@media all and (max-width: 500px) { .spaceandahalfbelow, p.spaceandahalfbelow { margin-bottom: 30px; } }
.doublespaceabove { margin-top: 48px; }
	@media all and (max-width: 600px) { .doublespaceabove { margin-top: 8vw; } }
	@media all and (max-width: 500px) { .doublespaceabove { margin-top: 40px; } }
.doublespacebelow { margin-bottom: 48px; }
	@media all and (max-width: 600px) { .doublespacebelow { margin-bottom: 8vw; } }
	@media all and (max-width: 500px) { .doublespacebelow { margin-bottom: 40px; } }
.quadruplespaceabove { margin-top: 96px; }
	@media all and (max-width: 600px) { .quadruplespaceabove { margin-top: 16vw; } }
	@media all and (max-width: 500px) { .quadruplespaceabove { margin-top: 80px; } }
.quadruplespacebelow { margin-bottom: 96px; }
	@media all and (max-width: 600px) { .quadruplespacebelow { margin-bottom: 16vw; } }
	@media all and (max-width: 500px) { .quadruplespacebelow { margin-bottom: 80px; } }

.separator { display: inline-block; width: 60px; margin: 9px 0 12px; border-top: solid 1px #30004040; }
	@media all and (max-width: 600px) { .separator { width: 10vw; margin: 1.5vw 0 2vw; } }
	@media all and (max-width: 500px) { .separator { width: 50px; margin: 7.5px 0 10px; } }
.separatorabove { margin-top: 30px; border-top: solid 1px #30004040; padding-top: 24px; }
	@media all and (max-width: 600px) { .separatorabove { margin-top: 5vw; padding-top: 4vw; } }
	@media all and (max-width: 500px) { .separatorabove { margin-top: 25px; padding-top: 20px; } }
.separatorbelow { margin-bottom: 30px; border-bottom: solid 1px #30004040; padding-bottom: 24px; }
	@media all and (max-width: 600px) { .separatorbelow { margin-bottom: 5vw; padding-bottom: 4vw; } }
	@media all and (max-width: 500px) { .separatorbelow { margin-bottom: 25px; padding-bottom: 20px; } }

.squircleouter { position: relative; }
.squircleouter.inline { display: inline-block; }
.squircleouter.middle { vertical-align: middle; }
.squircle { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

.headshot.small { width: 120px; height: 120px; }
	@media all and (max-width: 600px) { .headshot.small { width: 20vw; height: 20vw; } }
	@media all and (max-width: 500px) { .headshot.small { width: 100px; height: 100px; } }

.biography { display: inline-block; margin-left: 9px; vertical-align: middle; text-align: left; }
	@media all and (max-width: 600px) { .biography { margin-left: 1.5vw; } }
	@media all and (max-width: 500px) { .biography { margin-left: 7.5px; } }
.biography .with { font-size: 75%; font-style: italic; }

#manage { margin: 12px 12px 24px; }
.managestatus { display: inline-block; width: 36px; height: 36px; margin-right: 6px; vertical-align: middle; text-align: center; }
.managestatussuccess { position: relative; top: -6px; font-size: 30px; color: #00E000; }
.managestatusfailure { position: relative; top: 4.5px; }
.managestatusindent { margin-left: 42px; }
.manageemail { display: inline-block; }
.manageerror { display: inline-block; margin-left: 36px; font-size: 15px; color: #F00000; }
.managenumber { display: inline-block; width: 90px; margin-right: 24px; border-radius: 8px; border: solid 1px black; padding: 6px 12px 9px; font-size: 12px; text-align: center; }
	@media all and (max-width: 600px) { .managenumber { width: 15vw; font-size: 2vw; } }
	@media all and (max-width: 500px) { .managenumber { width: 75px; font-size: 10px; } }
.managenumber.good { border-color: #00E000; color: #00E000; }
.managenumber.danger { border-color: #F00000; color: #F00000; }
.managenumber.warning { border-color: #F0F000; color: #F0F000; }
.managenumber.bad { border-color: #E0E0E0; color: #E0E0E0; }
.managenumberlabel { text-transform: uppercase; }
.managethumbnail { width: 180px; padding: 2px; border: solid 3px white; cursor: pointer; }
.managethumbnail.selected { border: solid 3px #600080; cursor: default; }

.podcastdescription { margin: 0 auto 24px; text-align: left; }
	@media all and (max-width: 600px) { .podcastdescription { margin: 0 auto 4vw; } }
	@media all and (max-width: 500px) { .podcastdescription { margin: 0 auto 20px; } }
.podcastlisting { display: table; position: relative; margin: 0 auto 18px; padding: 9px 9px 9px 12px; border-radius: 9px; text-align: left; background: radial-gradient(#8600B2, #4F006A); color: white; cursor: pointer; }
	@media all and (max-width: 600px) { .podcastlisting { margin: 0 auto 3vw; padding: 1.5vw 1.5vw 1.5vw 2vw; border-radius: 1.5vw; } }
	@media all and (max-width: 500px) { .podcastlisting { margin: 0 auto 15px; padding: 7.5px 7.5px 7.5px 10px; border-radius: 7.5px; } }
.podcastlistingheadshot { display: table-cell; width: 102px; vertical-align: middle; }
	@media all and (max-width: 600px) { .podcastlistingheadshot { width: 17vw; } }
	@media all and (max-width: 500px) { .podcastlistingheadshot { width: 85px; } }
.podcastlistingheadshot svg { width: 90px; height: 90px; }
	@media all and (max-width: 600px) { .podcastlistingheadshot svg { width: 15vw; height: 15vw; } }
	@media all and (max-width: 500px) { .podcastlistingheadshot svg { width: 75px; height: 75px; } }
.podcastlistingdetails { display: table-cell; }
.podcastlistingepisode { font-size: 70%; text-transform: uppercase; }
.podcastlistingtitle { font-size: 150%; }
.podcastlistingguest { font-size: 90%; }
.podcastlistinglink { font-size: 75%; }
.podcastlisting:hover .podcastlistinglink a { text-decoration: underline; }
.podcastepisode { text-transform: uppercase; }
.podcastdate { font-size: 80%; text-transform: uppercase; }
.podcastplayer { margin: 0 auto 18px; }
.podcastepisodenotes { margin: 0 auto 24px; text-align: left; }

.videoplayerinner { display: inline-block; width: 560px; height: 315px; }
	@media all and (max-width: 632px) { .videoplayerinner { width: 448px; height: 252px; } }
	@media all and (max-width: 520px) { .videoplayerinner { width: 336px; height: 189px; } }

.subscribeservicelogo { height: 42px; }
	@media all and (max-width: 600px) { .subscribeservicelogo { height: 7vw; } }
	@media all and (max-width: 500px) { .subscribeservicelogo { height: 35px; } }

.quoteouter { display: inline-block; position: relative; width: min(540px, 100vw - 36px); margin: -24px 0 0; padding-top: min(540px, 100vw - 36px); }
	@media all and (max-width: 600px) { .quoteouter { margin: -4vw 0 0; } }
	@media all and (max-width: 500px) { .quoteouter { margin: -20px 0 0; } }
.quoteinner { position: absolute; top: 30px; bottom: 30px; left: 30px; right: 30px; border-radius: 18px; background: radial-gradient(#8600B2, #4F006A); color: white; }
	@media all and (max-width: 600px) { .quoteinner { top: 5vw; bottom: 5vw; left: 5vw; right: 5vw; border-radius: 3vw; } }
	@media all and (max-width: 500px) { .quoteinner { top: 25px; bottom: 25px; left: 25px; right: 25px; border-radius: 15px; } }
.quoteupper { display: table; position: absolute; top: 0; height: 342px; left: 0; right: 0; padding: 0 24px; }
	@media all and (max-width: 600px) { .quoteupper { height: 57vw; padding: 0 4vw; } }
	@media all and (max-width: 500px) { .quoteupper { height: 285px; padding: 0 20px; } }
.quotetext { display: table-cell; vertical-align: middle; font-size: 48px; font-family: 'Bellefair', serif; }
	@media all and (max-width: 600px) { .quotetext { font-size: 8vw; } }
	@media all and (max-width: 500px) { .quotetext { font-size: 40px; } }
.quotetext.smaller { font-size: 42px; }
	@media all and (max-width: 600px) { .quotetext.smaller { font-size: 7vw; } }
	@media all and (max-width: 500px) { .quotetext.smaller { font-size: 35px; } }
.quotetext.small { font-size: 36px; }
	@media all and (max-width: 600px) { .quotetext.small { font-size: 6vw; } }
	@media all and (max-width: 500px) { .quotetext.small { font-size: 30px; } }
.quotelower { display: table; position: absolute; bottom: 0; height: 120px; left: 0; right: 0; padding: 0 18px 18px 150px; text-align: left; }
	@media all and (max-width: 600px) { .quotelower { height: 20vw; padding: 0 3vw 3vw 25vw; } }
	@media all and (max-width: 500px) { .quotelower { height: 100px; padding: 0 15px 15px 125px; } }
.quoteheadshot { position: absolute; top: 0; left: 18px; width: 120px; height: 120px; }
	@media all and (max-width: 600px) { .quoteheadshot { left: 3vw; width: 20vw; height: 20vw; } }
	@media all and (max-width: 500px) { .quoteheadshot { left: 15px; width: 100px; height: 100px; } }
.quoteattribution { display: table-cell; vertical-align: middle; }

.guestblock { display: inline-block; margin: 0 0 12px; text-align: left; font-size: 18px; }
	@media all and (max-width: 600px) { .guestblock { margin: 0 0 2vw; font-size: 3vw; } }
	@media all and (max-width: 500px) { .guestblock { margin: 0 0 10px; font-size: 15px; } }
.guestblock p { margin: 0 0 15px; }
	@media all and (max-width: 600px) { .guestblock p { margin: 0 0 2.5vw; } }
	@media all and (max-width: 500px) { .guestblock p { margin: 0 0 12.5px; } }

.tips:not(.quitworkproject) { margin: 6px 0; font-size: 24px; font-family: 'Bellefair', serif; text-align: left; }
	@media all and (max-width: 600px) { .tips:not(.quitworkproject) { margin: 1vw 0; font-size: 4vw; } }
	@media all and (max-width: 500px) { .tips:not(.quitworkproject) { margin: 5px 0; font-size: 20px; } }
.tips.quitworkproject { margin: 6px 0 18px; font-size: 24px; text-align: left; }
	@media all and (max-width: 600px) { .tips.quitworkproject { margin: 1vw 0 3vw; font-size: 4vw; } }
	@media all and (max-width: 500px) { .tips.quitworkproject { margin: 5px 0 15px; font-size: 20px; } }
p.tiptitle { margin: 15px 0 3px; }
	@media all and (max-width: 600px) { p.tiptitle { margin: 2.5vw 0 0.5vw; } }
	@media all and (max-width: 500px) { p.tiptitle { margin: 12.5px 0 2.5px; } }
p.tipdetail { font-family: 'Lato', sans-serif; font-size: 75%; }