/* IE/Edge Responsive Viewport */

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

/* Offer Expired Resets */

.offer-expired {
    background: url(/_img/toolbox/icons/icon_important-60.png) no-repeat center 15px, linear-gradient(#d00, #800);
    border: 0 none;
    border-radius: 0;
    padding: 80px 1em 1em;
    text-align: center;
    width: auto;
    min-height: 0;
}

/* General Rules */

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

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

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

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

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.6em;
    margin: .7em auto;
    text-align: center;
}

h3 {
    font-size: 1.3em;
    margin: 0 auto;
    padding: .5em 0;
    text-align: center;
}

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

ul li,
ol li {
    margin-bottom: 0.8em;
    list-style: none;
}

.fa-li {
    color: green;
}

img {
    box-sizing: border-box;
    max-width: 100%;
}

#guaranteed {
    margin: .1em 0;
    font-size: 1.2em;
}

hr {
    height: 3px;
    background-color: #39C413;
}

@media screen and (min-width: 30em) {
    h1 {
        font-size: 2em;
    }
    h2 {
        font-size: 2em;
    }
    h3 {
        font-size: 1.5em;
    }
    #guaranteed {
        font-size: 1.3em;
    }
}

@media screen and (min-width: 60em) {
    h1 {
        font-size: 2.2em;
    }
    h2 {
        font-size: 2.2em;
    }
    h3 {
        font-size: 1.7em;
    }
    #guaranteed {
        font-size: 1.8em;
    }
}

/* Wrappers */

.pre-header__wrapper {
    margin: 0 auto;
    max-width: 40em;
}

.header__wrapper {
    margin: 0 auto;
    max-width: 50em;
    padding: 0 1.4em .5em;
}

.main__wrapper {
    margin: 0 auto;
    max-width: 30em;
    padding: 0 1.4em;
}

.roadmap__wrapper {
    margin: 0 auto;
    max-width: 40em;
    padding: 0 1.4em;
}

/* Header/Pre-header Section */

.header__background {
    background: linear-gradient(rgba(193, 252, 203, .4), rgba(170, 252, 184, .4)), url(/_img/toolbox/p/jbi/dust_scratches.png) repeat;
}

.header__pre-header {
    max-width: 35em;
    margin: 0 auto;
}

.header__headline .headline__primary-copy h1 {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    color: #000;
}

.header__headline .headline__primary-copy .primary-copy__split {
    display: block;
    margin: .5em 0;
}

.header__headline .headline__secondary-copy p span {
    display: block;
}

.headline__primary-copy {
    padding: .8em 1em;
    border: 2px solid #eee;
    border-radius: 1em;
    background: #fff;
    background: rgba(255, 255, 255, .8);
}

h3.primary-copy__secondary {
    font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
    color: #000;
}

.headline__primary-copy p {
    max-width: 31em;
    margin: 0 auto;
    font-size: 1.1em;
}

.video__heading {
    background: red;
    color: #fff;
    text-align: center;
    padding: .5px 0;
    margin-bottom: .5em;
    border-radius: .3em;
}

@media(min-width: 79.375em) {
    .header__wrapper {
        margin: 0 auto;
        padding: 1em;
    }

    .header__headline {
        max-width: 40em;
    }

    .header {
        background: url(https://www.awai.com/_img/toolbox/p/jbi/joshua_boswell_cutout-600.png) no-repeat right bottom;
    }
}

@media(min-width: 87.5em) {
    .header {
        background-position: 100% bottom;
    }
}

@media (min-width: 103.125em) {
    .header {
        background-position: 90% bottom;
    }
}

/* Main Section */

.main__subheader h2 {
    color: #FE5D26;
}

.main__guarantee {
    border: 1px solid #2B9926;
    background: linear-gradient(rgba(193, 252, 203, .4), rgba(170, 252, 184, .4));
    padding: .5em 1em;
    border-radius: 1.2em;
}

.learning-criteria__container p strong {
    color: #d00;
}

.main__subheader h2 span {
    display: block;
}

h2#dream-reality span {
    display: block;
}

/* Roadmap Section */

.roadmap__weeks {
    padding: 0 0 1em;
    background: ;
}

.roadmap__week h3 {
    color: #2B9926;
}

#week-1 {
    background: linear-gradient(rgba(248, 248, 248, .6), rgba(248, 248, 248, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-2 {
    background: linear-gradient(rgba(255, 214, 209, .6), rgba(255, 214, 209, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-3 {
    background: linear-gradient(rgba(218, 245, 255, .6), rgba(218, 245, 255, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-4 {
    background: linear-gradient(rgba(255, 214, 209, .6), rgba(255, 214, 209, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-5 {
    background: linear-gradient(rgba(255, 253, 206, .6), rgba(255, 253, 206, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-6 {
    background: linear-gradient(rgba(218, 245, 255, .6), rgba(218, 245, 255, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-7 {
    background: linear-gradient(rgba(255, 214, 209, .6), rgba(255, 214, 209, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-8 {
    background: linear-gradient(rgba(218, 245, 255, .6), rgba(218, 245, 255, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-9 {
    background: linear-gradient(rgba(248, 248, 248, .6), rgba(248, 248, 248, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-10 {
    background: linear-gradient(rgba(255, 253, 206, .6), rgba(255, 253, 206, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-11 {
    background: linear-gradient(rgba(218, 245, 255, .6), rgba(218, 245, 255, .6)), url(/_img/toolbox/p/jbi/round.png);
}

#week-12 {
    background: linear-gradient(rgba(255, 214, 209, .6), rgba(255, 214, 209, .6)), url(/_img/toolbox/p/jbi/round.png);
}

/* Testimonials Section */

.main__testimonial {
    border: 3px solid #FFF99A;
    padding: 0 1em;
    border-radius: 2em;
    background: linear-gradient(#FFF881, #FFF875);
    box-shadow: .1em .1em .4em rgba(0, 0, 0, .2);
    font-family: 'Roboto Mono', monospace;
}

/* Student Pic/Image Box Section */

.main__image-box {
    max-width: 9.275em;
    margin: .7em auto;
}

.main__image-box img {
    border-radius: 1em;
    border: 1px solid #87F6FF;
}

.main__student-pic {
    max-width: 9.275em;
    margin: .7em auto;
}

.main__student-pic.center-image {
    max-width: 30em;
}

.student img {
    border-radius: 1em;
    border: 1px solid #87F6FF;
}

@media screen and (min-width: 30em) {
    .right-float {
        float: right;
        margin-left: .5em;
        margin-bottom: .8em;
    }
}

/* Bonus Section */

.bonus__gift h3 {
    padding: 0 0 .5em;
}

.bonus__gift h3 span {
    display: block;
}

.bonus__gift:before {
    content: '\f06b';
    display: block;
    position: relative;
    top: .4em;
    font-family: FontAwesome;
    font-size: 3em;
    text-align: center;
    color: #39C413;
}

/* Buttons */

a.order {
    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: 6px 6px 10px rgba(0, 0, 0, .5);
    display: block;
    font-family: 'Maven Pro', "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    margin: 1em auto;
    max-width: 15em;
    padding: .2em;
    text-align: center;
    outline: none;
    height: auto;
    width: auto;
}

a.order:hover,
a.order:focus,
a.order:active {
    color: #ff3;
    outline: none;
}

a.order: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: 2px 2px 2px rgba(0, 0, 0, .1);
    transition: .13s;
    outline: none;
}

/* Artificial Breaks */

#week-2 h3 {
    max-width: 12em;
}

#week-3 h3 {
    max-width: 17em;
}

#week-12 h3 {
    max-width: 12em;
}

#hang-on {
    max-width: 9em;
}

#ready {
    max-width: 9em;
}

#dream-reality {
    max-width: 13em;
}

#coaching-calls {
    max-width: 16em;
}

#motivational-tips {
    max-width: 14em;
}