body {
    font-size: 16px;
}

.content {
    width: 100%;
    padding: 0 20px;
}

br.mobile-only {
    display: inline;
}


.text-simple.content {
    padding-top: 20px;
}

h2,
h2.withbg {
    font-size: 30px;
}

/* I am sorry for this */

#facts h2,
#surprising-facts h2,
#best-part h3 > strong,
#the-science-of-selling h2,
#just-follow-this-blueprint h2,
#get-access-now h2,
#the-most-proven h2,
#here-is-what-you-getting h2,
.text-simple h2,
#hit-the-button-below h2 {
    font-size: 30px;
}

#best-part h3,
#vs #every-time,
#hit-the-button-below h3.special {
    font-size: 20px;
}

h2 br,
h3 br {
    display: none;
}

.text-image-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.text-image-flex img {}

.text-image-flex.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.text-80 p,
.text-80 h2,
.text-80 h3,
.text-80 h4,
.p-80 p,
.this-80 {
    width: 100%;
}

.center-list {
    width: 100%;
    padding: 0 20px;
    list-style-position: inside;
}

.two-list-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.two-list-flex ul {
    padding: 0 20px;
}

.ugly-button {
    width: 100%;
}

/* header */

header h1 {
    font-size: 4vw;
}

header h1 .blue {
    font-size: 11vw;
}

header h3 {
    text-align: left;
    padding: 0;
}

header .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    min-height: auto;
    padding: 20px;
    margin: 20px 0 0 0;
    background-position: center top;
    padding-top: 12vw;
    background-size: 100%;
}

header #video {
    position: inherit;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    top: auto;
    left: auto;
    margin-bottom: 20px;
}

#video-container.fixed-video {
    position: static;
    padding: 0;
    border: none;
}

#video-container.fixed-video > #video {
    height: 224px;
}

/* RESPONSIVE YOUTUBE VIDEO */

header #video {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 25px;*/
    height: 0;
}

#video-container{
    width: 100%;
}

header #video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

header #page-title {
    float: none;
    width: 100%;
    margin: 0;
}

/*
 icons in list
 [] ---
 [] --- 
 [] ---
 ... 
*/

#bullets {
    margin-top: 0;
}
#bullets > .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 20px;
}

#bullets > .content ul {
    width: 100%;
}



#bullets > .content ul li img {
    width: 50px;
}

/* TESTIMONIALS */

#testinomials-header {
    margin-top: 0;
}

.testimonials-blue {
    padding: 20px;
    margin: 30px 0;
}

.testimonials-blue h2 {
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}

.testimonial-money {
    margin: 0 0 20px 0;
}

.testimonial-money img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

/* carousel */

.slider {
    width: 100%;
    margin: 0 auto;
}

.testimonial-money {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.testimonial-money > div:first-child {
    margin: 0 0 20px 0;
    text-align: center;
}


/* Which sells more */

#vs .text-image-flex {
    padding: 0;
}

.parallax {
    margin-right: 0;
}

/* mountains */

#mountains {
    display: none;
}

#from-500-to-over-6 {
    margin-top: 30px;
}


/* SAM BAKKER HERE */

#sam-bakker-here {
    margin-top: 20px;
}

#sam-bakker-here img {
    margin: 0 0 20px 0;
}

/* Case Study Proof: */

#case-study-proof {
    padding: 20px 0;
}

#case-study-proof h2 strong {
    font-size: 15vw;
}

.case-study-item {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    height: auto;
}

.case-study-item h3 {
    text-align: left;
    font-size: 20px;
    font-weight: 400;
}

.case-study-item img {
    /*margin: 0 auto 20px auto;*/
}

.case-study-number {
    margin: 20px 0 0 0;
    text-align: left;
}

.case-study-item > *:nth-child(3) {
    text-align: left;
}

/* 3 Surprising Facts */

#surprising-facts .text-image-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

#surprising-facts .text-image-flex {
    height: auto;
}

#surprising-facts .text-image-flex img {
    margin: 20px 0 20px 0;
    width: 80%;
}


/* STARTING SMALL TO GO BIG */

#to-go-big h2 strong {
    font-size: 15vw;
}


/* If you DON’T WANT to: */

#if-you-dont-want ul {
    width: 100%;
}

#introducing h2 {
    font-size: 10vw;
    font-weight: 400;
}

#intro-blue {
    position: static;
    height: auto;
}

#book-hands {
    background-size: 100%;
    position: static;
    height: 100vw;
}


/* JUST FOLLOW THIS BLUEPRINT */

.blueprint {
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#just-follow-this-blueprint h2,
#just-follow-this-blueprint h3 {
    padding: 0 20px;
}

.blueprint-content {
    padding: 20px 0;
}

#just-follow-this-blueprint .blueprint-content > ul:first-child { 
    padding-bottom: 30px;   
}
#just-follow-this-blueprint ul li:last-child {
    margin: 0;
}

#just-follow-this-blueprint .content {
    padding: 0;
}

#get-access-now {
    margin-top: 0;
}

/* Every 6 months, JVZoo */

#award.text-image-flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

#award.text-image-flex > img {
    width: 120px;
}

/*HERE’S WHAT YOU’RE GETTING */

.table-icons-item {
    width: 100%;
    height: 120px;
    border-bottom: 1px solid #eee;
}

.table-icons-item:nth-child(3n - 1),
.table-icons-item:nth-child(2n),
.table-icons-item:nth-child(2n + 1) {
    margin: 0;
}

#science-contd .text-image-flex img {
    margin-left: 0;
}

#science-contd .text-image-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

/* Here’s What You WON’T Need: */

#wont-need-list {
    width: 100%;
    padding: 0;
}


#wont-need-list li::before {
    content: '';
    width: 32px;
    position: absolute;
    left: 0;
    background: url(img/wont-need.svg) center no-repeat;

}

#wont-need-list li {
    margin-bottom: 0;
    padding: 20px 0 20px 52px;
    border-bottom: 1px solid #eee;
}

/* guarantee */

#guarantee .text-image-flex img {
    margin: 0 0 20px 0;
}


/* hanks for checking out */

#postscript img {
    width: 60%;
    margin: 0 0 20px 0;
}


/* FOOTER */

footer .content {
    -ms-flex-flow: wrap;
        flex-flow: wrap;

}

footer .content a,
footer .content div {
    width: 50%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin: 0 0 20px 0;
}
#early-bird-banner > .content h2 {
    margin-left: 0;
}

#early-bird-banner > .content {
    flex-direction: column;
}

#early-bird-warning {
    flex-direction: column;
}
#early-bird-banner #early-bird-warning h3 {
    margin-bottom: 20px;
}
#early-bird-banner #rocket-logo h2 {
    margin-left: 0;   
}
#early-bird-banner #early-bird-timer {
    width:100%;
}
#early-bird-banner #early-bird-timer .counter {
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 40px;
}
#video-button-container {
    width: 100%;
    margin-bottom: 20px;
}
header #video-button {
    font-size: 6vw;
}
#new-title .content{
    background: url(img/rocket@2x.png) no-repeat;
    background-size: contain;
    background-position: top right;
}
#new-title .content *{
    text-align: left;
}   
header .content{
    background: white;
}