* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
div,
article,
section,
figure {
  padding: 0;
  margin: 0;
  font-family: "ff-mark-web", "Helvetica", "Arial", sans-serif;
  font-weight: 200;
  font-size: 16px;
  line-height: 100%;
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: "ff-mark-web", "Helvetica", "Arial", sans-serif;
  font-weight: 900;
  line-height: 92%;
  overflow: hidden;
  padding: 0 10px;
  word-break: break-word;
  transform-style: preserve-3d;
}

p {
  margin: 0 0 10px 0;
  word-break: break-word;
}

small {
  font-size: 80%;
}

strong,
b {
  font-weight: 700;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  border: 0;
}

a img,
a,
a:hover,
a:visited,
a:active {
  text-decoration: none;
  border: 0;
}

.futura {
  font-family: "futura-pt-condensed";
}

sup.tm {
  font-family: 'nimbus-sans';
  font-size: .3em;
  font-weight: 200;
  margin: 0 -3% 0 .3%;
  line-height: 0;
}

.underline {
  border-bottom: thin solid;
}

.underline:hover {
  border-bottom: thin solid transparent;
}

.b-a {
  border: thin solid rgba(0, 0, 0, 0.2);
}

.b-t {
  border-top: thin solid rgba(0, 0, 0, 0.2);
}

.b-b {
  border-bottom: thin solid rgba(0, 0, 0, 0.2);
}

.b-l {
  border-left: thin solid rgba(0, 0, 0, 0.2);
}

.b-r {
  border-right: thin solid rgba(0, 0, 0, 0.2);
}

.ruby {
  color: #863375;
}

.purple {
  color: #592c81;
}

.dkpurple {
  color: #3e1952;
}

.yellow {
  color: #ffcf03;
}

.white {
  color: white;
}

.black {
  color: #333333;
}

.bg-purple {
  background: #592c81;
}

.bg-dkpurple {
  background: #3e1952;
}

.bg-yellow {
  background: #ffcf03;
}

.bg-ruby {
  background: #863375;
}

.bg-dkruby {
  background: #60295f;
}

.grad-ruby {
  background: #863375;
  background: -moz-radial-gradient(center, ellipse cover, #863375 60%, #561f55 100%);
  background: -webkit-radial-gradient(center, ellipse cover, #863375 60%, #561f55 100%);
  background: -o-radial-gradient(center, ellipse cover, #863375 60%, #561f55 100%);
  background: -ms-radial-gradient(center, ellipse cover, #863375 60%, #561f55 100%);
  background: radial-gradient(ellipse at center, #863375 60%, #561f55 100%);
}

.grad-white {
  background: white;
  background: -moz-radial-gradient(center, ellipse cover, white 60%, #e6e6e6 100%);
  background: -webkit-radial-gradient(center, ellipse cover, white 60%, #e6e6e6 100%);
  background: -o-radial-gradient(center, ellipse cover, white 60%, #e6e6e6 100%);
  background: -ms-radial-gradient(center, ellipse cover, white 60%, #e6e6e6 100%);
  background: radial-gradient(ellipse at center, #ffffff 60%, #e6e6e6 100%);
}

.shadow {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.top-b {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.35) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.35) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.35) 100%);
}

.bot-t {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.05) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.05) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.05) 100%);
}

.col-25 {
  width: 25%;
  display: inline-block;
  float: left;
}

.col-33 {
  width: 33%;
  display: inline-block;
  float: left;
}

.col-50 {
  width: 50%;
  display: inline-block;
  float: left;
}

.col-67 {
  width: 67%;
  display: inline-block;
  float: left;
}

.row {
  position: relative;
  width: inherit;
}

.row-50 {
  position: relative;
  width: inherit;
  height: calc(50%);
}

.rel {
  position: relative;
}

.bot {
  transform-origin: bottom center;
}

.top {
  transform-origin: top center;
}

.padding {
  padding: 0 10px;
}

.hide, .quote {
  visibility: hidden;
}

.center {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.centerX {
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.centerY {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#banner {
  position: relative;
  cursor: pointer;
  overflow: hidden;
}

#roadblock {
  opacity: 0;
}

#stage,
#ending,
#background,
#roadblock {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  text-align: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

#background {
  z-index: -10;
}

#logo {
  background: url('logo-athena-y.svg') no-repeat;
  background-size: contain;
}

#headline {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: url("unbreak-healthcare-y.svg") no-repeat;
  background-size: contain;
}

#boilerplate {
  opacity: 0.75;
}

button {
  font-family: "ff-mark-web", "Helvetica", "Arial", sans-serif;
  background: transparent;
  border: none;
  color: #ffcf03;
  padding: 8px 20px;
  position: relative;
  cursor: pointer;
  z-index: 500;
  -webkit-transition: box-shadow 0.25s, background 0.25s;
  -ms-transition: box-shadow 0.25s, background 0.25s;
  transition: box-shadow 0.25s, background 0.25s;
}

button:hover {
  background: white;
  color: #863375;
}

#ending:hover button.on {
  box-shadow: inset 0 0 0 3px white !important;
}

#ending {
  opacity: 0;
  padding: 10px;
}

.shakes {
  background: url('wise-shakespeare.png') no-repeat;
}

.frank {
  background: url('wise-franklin.png') no-repeat;
}

.night {
  background: url('wise-florence.png') no-repeat;
}

.roose {
  background: url('wise-eleanor.png') no-repeat;
}

#boiler {
  position: absolute;
  bottom: -30px;
  left: 0;
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding: 0;
  text-align: center;
  background: rgb(255,207,3);
  color: #3e1952;
  text-transform: uppercase;
  font-size: .9em;
  font-weight: 600
}