/* CSS crunched with Crunch - http://crunchapp.net/ */
/* apply a natural box layout model to all elements */
/***COLORS*****/
/********BODY FONT*******/
/*****DIMENSIONS*****/
/******MIXINS*******/
.content-box {
  -moz-box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  box-sizing: content-box !important;
}
.scaler {
  position: relative;
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
}
.central {
  width: 100%;
  max-width: 1100px !important;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2% 0 2%!important;
  position: relative;
}
.centered {
  text-align: center;
}
.fixed-bg {
  background-attachment: fixed;
}
/*************FONTS***********/
.serif {
  font-family: Georgia, serif;
}
.sans-serif {
  font-family: Arial, Helvetica, sans-serif;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.uppercase {
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  #main-content h1 {
    font-size: 40px;
  }
  .question-item {
    font-size: 14px;
  }
  .question-item h5 {
    font-size: 30px;
  }
  .question-item h6 {
    font-size: 23px;
  }
  .question-item .result svg {
    width: 180px;
  }
  body.page-template-bonus {
    background-attachment: fixed;
  }
  #banner.homepage {
    height: auto;
    min-height: 100vh;
    background-attachment: fixed;
    padding: 60px 10px 60px 10px;
  }
  #banner.homepage > div {
    top: 0;
    font-size: 15px;
    transform: translateY(0);
  }
  #banner.homepage > div h1 {
    font-size: 40px;
  }
  #banner.homepage > div .slide-in {
    padding: 0!important;
  }
  #content-wrap.bonus h6 {
    font-size: 20px;
  }
  form.bonus-question label {
    font-size: 15px;
  }
  form.bonus-question input[type=radio] {
    top: -1px;
  }
  .modal-wrap .modal-box {
    top: 20%;
    width: 98%;
    max-width: 98%;
    padding: 15px;
  }
  .mobile-center {
    text-align: center;
  }
  .mobile-hide {
    display: none!important;
  }
}
