/* IE/Edge Responsive Viewport */

@-ms-viewport {
  width: device-width;
}

/* Offer Expired Resets */

.offer-expired {
  margin: 0 auto;
  max-width: 500px;
  width: auto;
}


/* General Rules */

body {
  font-size: 100%;
  font-family: 'Montserrat', sans-serif;
}

@media screen and (min-width: 30em) {
  body {
    font-size: 110%;
  }
}

@media screen and (min-width: 45em) {
  body {
    font-size: 120%;
  }
}

@media screen and (min-width: 60em) {
  body {
    font-size: 130%;
  }
}

.bonus, .webinar {
  color: #DB3A34;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

h1,
.h1 {
  font-size: 2.3em;
  margin: .35em auto .85em;
}

h1,
.h1,
h2,
.h2 h3,
.h3 {
  font-family: 'Raleway', sans-serif;
}

h2,
.h2 {
  font-size: 1.6em;
}

h3,
.h3 {
  font-size: 1.3em;
}

.fa {
  color: #ED254E;
}

.header {
  background: url(https://www.awai.com/_img/toolbox/p/bim/background.jpg) no-repeat center;
  padding: .8em .1em;
}

.header-content {
  background: rgba(244, 245, 249, .8);
  border-radius: 40px;
  max-width: 50em;
  margin: 0 auto;
  padding: .2em .1em;
}

.headline {
  margin-top: .5em;
  color: #084C61;
}

.headline-split {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.arrow:before {
  content: '\f061';
  font-family: FontAwesome;
  margin-right: .5em;
  color: #ED254E;
}

.headline-split+.headline-split {
  margin-top: .5em;
}

img {
  height: auto;
  max-width: 100%;
}

.subhead {
  font-size: 1.8em;
  color: #43AA8B;
}

ul li {
  list-style-image: none;
}

@media screen and (min-width: 60em) {
  .headline {
    font-size: 3em;
  }
}

/* Layout rules */

.content {
  margin: 0;
  padding: 0;
}

.wrap {
  margin: 0 auto;
  max-width: 33em;
  padding: 0.1em 1em;
}

/* Content Rules */

h3#top-copywriter span {
  display: block;
}

.bonus-section {
  background: #FCFFF7;
}

.grateful-1 {
  margin-left: 2.5em;
}

.grateful-2 {
  margin-left: 4.5em;
}

.grateful-3 {
  margin-left: 6.5em;
}

.testimonials,
.image-section {
  background-color: #EDFFF9;
  border-radius: 0.75em;
  box-shadow: 1px 4px 12px rgba(20, 20, 20, .22);
  font-size: 0.7em;
  margin: 1em auto;
}

.image-section {
  padding: 0.5em;
  max-width: 10.375em;
  box-shadow: 2px 3px 12px rgba(0, 0, 0, .22);
}

.image-caption-part {
  display: block;
  margin: 0 auto;
}

.image-section-caption {
  text-align: center;
  font-weight: 700;
}

.testimonials {
  padding: .1em 1em;
  width: 85%;
}

.testimonials-group p {
  font-size: 1.5em;
}

.thank-you {
  padding: .2em 1em;
  margin: 1em auto;
  width: 85%;
  background: #EDFFF9;
  border-radius: .75em;
  box-shadow: 2px 3px 15px rgba(20, 20, 20, .22);
}

.webinar-section {
  background: #F9F7FF;
}

@media screen and (min-width: 23.75em) {
  .image-section {
    float: right;
    margin: 0.25em 0 1em 1em;
    max-width: none;
  }
}

@media screen and (min-width: 30em) {
  .testimonials {
    float: right;
    margin: .25em 0 1em 1em;
    width: 23em;
  }

  .testimonials-group p,
  blockquote p {
    font-size: 1em;
  }
}

/* Order Buton Styles */

a.order-button {
  color: #fff;
}

a.order-button:hover {
  color: yellow;
}

.order-button {
  background: #ff811b;
  background: -webkit-linear-gradient(#ff9a43, #ff851c, #f47100, #e06800);
  background: linear-gradient(#ff9a43, #ff851c, #f47100, #e06800);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a43', endColorstr='#ff6c06', GradientType=0);
  border-radius: 18px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
  display: block;
  font-family: 'Maven Pro', sans-serif;
  font-weight: bold;
  font-size: 1em;
  margin: 1em auto;
  max-width: 22em;
  padding: .3em;
  text-align: center;
  outline: none;
  line-height: 1.3em;
  transition: .3s all ease;
}

.order-button:hover {
  background: #ff811b;
  background: -webkit-linear-gradient(#ff9a43, #ff851c, #f47100, #e06800);
  background: linear-gradient(#ff9a43, #ff851c, #f47100, #e06800);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9a43', endColorstr='#ff6c06', GradientType=0);
  box-shadow: 2px 4px 17px rgba(0, 0, 0, .22);
  outline: none;
  transform: translateY(-1px);
  transition: .3s all ease;
}

.order-button:active {
  background: #d36b18;
  background: -moz-linear-gradient(#ff7a08, #e06800, #b95500, #a54c00);
  background: -webkit-linear-gradient(#ff7a08, #e06800, #b95500, #a54c00);
  background: linear-gradient(#ff7a08, #e06800, #b95500%, #a54c00);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d18945', endColorstr='#d25a06', GradientType=0);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);
  outline: none;
  transform: translateY(1px);
  transition: .3s all ease;
}


@media screen and (min-width: 45em) {
  .order-button {
    font-size: 1.4em;
  }
}


/* Artificial Breaks */

#top-copywriter {
  max-width: 16em;
}

#advantage {
  max-width: 10em;
}

#information-publishing {
  max-width: 12em;
}

#slow-down {
  max-width: 18em;
  margin: 0 auto;
}

#back-up {
  max-width: 13em;
}

#make-money {
  max-width: 12em;
}

#solve-problems {
  max-width: 11em;
}

#webinar-3 {
  max-width: 15em;
}

#webinar-4 {
  max-width: 13em;
}

#webinar-5 {
  max-width: 18em;
}

#bonus-4 {
  max-width: 13em;
  ;
}

#imagine {
  max-width: 15em;
}

#quick-response {
  max-width: 14em;
}