/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html { line-height: 1.15;  text-size-adjust: 100%; }
body { margin: 0; }
/**
 * Render the `main` element consistently in IE.
 */
main { display: block; }
h1 { font-size: 1.8em; }
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
a {
  background-color: transparent;}

b, strong { font-weight: bold; color: #b40101; }
small { font-size: 80%;}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}

img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
body {margin: auto; text-align: center; max-width: 864px; font-family: Arial; padding: 0 1em 0 1em;}
.maincap {width: 100%; max-width: 600px; padding-bottom: 1em;}
ul, li {text-align: left; margin-top: 0.5em;}
ol, li {text-align: left; margin-top: 0.5em;}
li {
		-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

li.nob {list-style-type: none;}
img {width: 100%;}
h1 {color: #b40101; font-weight: 200;}
h2 {font-size: 1.33em;color: #3000a3;  font-weight: 200;}
h3, h4, h5 {font-weight: 200; line-height: 166%;}
 p {text-align: left; line-height: 150%; margin-left: 1em; margin-right: 1em;}
.footer	{text-align: center; line-height: 180%;}
.footer strong {color: #b40101; font-weight: normal;}
.footerad {width: 100%; text-align: center; margin: 1em; max-height: 108px;}
.max600 {width: 100%; max-width: 600px;}
.sbkw {color: #b40101; font-weight: bold;}
div.seenbh {font-weight: bold; padding-top: 1.0em;}

.variable-columns {
column-count: 1;
column-count: 1;
column-count: 1;
column-gap: 40px;
column-gap: 40px;
column-gap: 40px;
font-size: 1em;
line-height: 1.6em;
}
.kwrd {color: #b40101;}
img.fullwidth {width: 98%;}
div.intro p {font-size: 1.2em;}
.mcfn {font-size: 0.8em; text-align: center;}
.la {margin: auto; text-align: center; max-width: 640px;}
button.bigbtn {max-width: 640px;background-color: #b40101; padding: 0.5em; font-size: 14px; color: #ffffff;}
button.soldbtn {max-width: 640px;background-color: #6633cc; padding: 0.5em; font-size: 14px; color: #ffffff;}
.half {max-width: 400px; width: 90%;}
button.cap a, button.cap {

  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #b40101; /* KW Red */
  border: 1px;
  color: #fff;
  padding: 6px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 4px 0;
  cursor: pointer;
  border-radius: 8px;
  max-width: 960px;
}
p button.cap {margin: 0; line-height: 200%;}

@media (min-width: 400px) {
button.bigbtn, button.soldbtn {font-size: 18px;}
.half {max-width: 432px; width: 50%;}

.variable-columns {
column-count: 2;
column-count: 2;
column-count: 2;
column-gap: 40px;
column-gap: 40px;
column-gap: 40px;
font-size: 1em;
line-height: 1.5em;
}
li.nob {list-style-type: none;}
.sbkw {color: #b40101; font-weight: bold;}
}

@media (min-width: 640px) {
button.bigbtn, button.soldbtn {font-size: 24px;}
.half {max-width: 432px; width: 80%;}
p {font-size: 1.1em;}
.variable-columns {
column-count: 3;
column-count: 3;
column-count: 3;
column-gap: 40px;
column-gap: 40px;
column-gap: 40px;
font-size: 1em;
line-height: 1.4em;
}
li.nob {list-style-type: none;}
.sbkw {color: #b40101; font-weight: bold;}
}

@media (min-width: 540px) {
.half {max-width: 432px; width: 95%;}
button.bigbtn, button.soldbtn {font-size: 21px;}
p {font-size: 1.1em;}
.vc2 {
column-count: 2;
column-gap: 18px;
font-size: 1em;
line-height: 1.4em;
}
li.nob {list-style-type: none;}
.sbkw {color: #b40101; font-weight: bold;}
}

.radctl { width: 320px; height: 100px; margin: auto; text-align: center;}
@media(min-width: 500px) { .radctl { width: 468px; height: 60px; } }
@media(min-width: 800px) { .radctl { width: 728px; height: 90px; } }

