a, a:visited { color: #ed1c24; text-decoration: none; border-bottom: 1px dashed #ed1c24; }
a:hover {color: #000;}
strong, b { font-weight: 700; }



.bigbuybutton, select {background: #ed1c24; color: #fff; font-size: 2em; margin: .2em auto; padding: .25em .5em; border-radius: .25em; }

#header h1 {color: #fff; text-shadow: 2px 2px 10px rgba(237,28,36,1),2px 2px 10px rgba(237,28,36,1),2px 2px 10px rgba(237,28,36,1),2px 2px 10px rgba(237,28,36,1);}

h1, h2, h3, h4, h5, h6, .nav {font-family: 'Arvo', serif;}
h3 {margin: 0 auto; color: #ed1c24;}
h3, h5 {text-align: center;}
h6 {text-align: center; color: #ed1c24;}
hr, #footer {border-top: 1px dashed #ed1c24; padding: .5em 0; }


.nav { list-style-type: none; display: block; width: 100%; text-align: center; z-index: 10000; position: fixed; top: 0; left: 0; height: 1em; margin: 0 auto; background: #ed1c24; color: #fff; padding: 1em;}
.nav li {display: inline-block; margin-right: 1.5em; text-shadow: 2px 2px #000;}
.nav a, .nav a:visited, .nav a:hover { color: #fff; border-bottom: 1px dashed #fff;}
#header {margin-top: 4em; background: #eee;}

svg {max-height: 200px; max-width: 200px;}

.answer { font-size: 92%; margin: .5em 0 .5em 2em; line-height: 1.2em; }
.answer p { margin: 0 0 .5em 0; padding: 0;}

form {display: block; margin: 0 auto;}
input {border: 0;}
input[type=text], input[type=email] { font-size: 110%; padding: 3px; max-width: 100%; background: #fff; color: #000; }
input[type=submit] { font-size: 120%; padding: 4px; background: #000; color: #fff; font-weight: bold; padding: 0 .5em; color: #9cf; border: thin solid white;}

table { border-collapse: separate; border-spacing: 5px 0; width: 80%; vertical-align: top; margin: 0 auto; color: #300;}
table th {font-weight: bolder;}
table tr>td:first-child { line-height: 1em; }
table td { padding: .25em .5em; border-top: 2px solid #b3c579;}
table td>td {text-align: right;}

ol {list-style-position: inside;  text-shadow: none; width: 90%; }
li a, li a:visited, li a:hover {color: #ed1c24;}
sup span {font-size: 70%; color: #FF0; background: #ed1c24; padding: 2px 5px; -moz-border-radius: 20%; -webkit-border-radius: 20%; -khtml-border-radius: 20%; border-radius: 20%;}

#funnels {text-align: center;}
#funnel_mailed {background: #ccf; padding: 10px;}
#funnel_office {background: #fcf; padding: 10px;}
#funnel_courier {background: #cfc; padding: 10px;}
#funnel_simple {background: #cff; padding: 10px;}

#hero p {font-family: 'Arvo', serif; font-size: 140%; line-height: 1.1em;}

#logo:hover {
  -webkit-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -ms-animation-duration: 800ms;
  -webkit-animation-duration: 800ms;
  -webkit-animation-iteration-count: 1;
  -ms-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  -webkit-transform-origin: 18% 18%;
  -moz-transform-origin: 18% 18%;
  -o-transform-origin: 18% 18%;
  transform-origin: 18% 18%;
}
@-webkit-keyframes wiggle {
  0% {-webkit-transform: rotate(0deg);}
  25% {-webkit-transform: rotate(-10deg);}
  50% {-webkit-transform: rotate(15deg);}
  75% {-webkit-transform: rotate(-5deg);}
  100% {-webkit-transform: rotate(0deg);}
}
@-ms-keyframes wiggle {
  0% {-ms-transform: rotate(0deg);}
  25% {-ms-transform: rotate(-1deg);}
  50% {-ms-transform: rotate(1.5deg);}
  75% {-ms-transform: rotate(-5deg);}
  100% {-ms-transform: rotate(0deg);}
}
@keyframes wiggle {
  0% {transform: rotate(0deg);}
  25% {transform: rotate(-10deg);}
  50% {transform: rotate(15deg);}
  75% {transform: rotate(-5deg);}
  100% {transform: rotate(0deg);}
}