.header h1 {
  padding-top: 50px; }
  .header h1 span {
    font-family: Nexa-Thin; }

.hero {
  background-image: url(../img/hero-01.jpg);
  height: 269px; }

/*INTRO SECTION*/
.intro-images {
  max-width: 910px;
  margin: 10px auto; }

.bottom-grey-bar {
  background-color: #657787;
  padding: 40px 0;
  text-align: center;
  width: 100%; }

/*QUIZ SECTION*/
.hidden {
  display: none; }

#wizard-bottom {
  text-align: center; }

.content h2 {
  margin: 25px 0; }

.top {
  max-width: 70%;
  margin: 20px auto;
  text-align: center; }

p.centered {
  max-width: 50%;
  text-align: center;
  margin: 0 auto 20px auto;
  float: left; }

table tr td {
  text-align: center; }

#Wizard1 {
  width: 100%; }

.choices h2 {
  margin: 10px 0 15px 0; }
.choices input[type=radio] {
  display: none; }
.choices label {
  height: 306px;
  width: 204px;
  background-color: #2c343b;
  display: inline-block;
  margin: 0 10px 10px 0;
  position: relative; }
.choices label.selected::after {
  content: " ";
  width: 70px;
  height: 56px;
  background-image: url(../img/check.png);
  background-size: 70px 56px;
  display: block;
  position: absolute;
  top: 115px;
  left: 37%; }
.choices label img {
  cursor: pointer; }
.choices img.selected {
  opacity: 0.3; }

.bottom-images-div {
  background-color: #657787;
  margin: -103px 0 -32px 0;
  padding: 110px 50px 71px 50px; }
  .bottom-images-div img.bottom-images {
    width: 23.5%;
    height: auto;
    float: left;
    margin-right: 2%; }
  .bottom-images-div img.bottom-images:last-of-type {
    float: right;
    margin-right: 0; }

.button.red.large {
  display: inline-block;
  font-family: 'Nexa-Black'; }
  .button.red.large span {
    font-family: 'Nexa-Book'; }

#steps input, #wizHeader {
  vertical-align: middle; }

#steps input[type="submit"] {
  margin-left: 10px;
  margin-right: 10px;
  padding: 3px 10px 4px 10px; }

/*WIZARD*/
#wizHeader {
  list-style: none;
  overflow: hidden;
  font: 18px Helvetica, Arial, Sans-Serif;
  margin: 0;
  padding: 0; }
  #wizHeader li a {
    padding: 10px;
    margin: 0.4em 4px 0 4px;
    background-color: #e0393d;
    color: white;
    font-family: 'Nexa-Black'; }
  #wizHeader li a.prevStep {
    background-color: #2c343b; }

#wizHeader li {
  float: left; }

a#Hyperlink1.no-underline {
  text-decoration: none; }

@media only screen and (max-width: 1080px) {
  p.centered {
    max-width: 100%; } }

/*# sourceMappingURL=main.css.map */