/* Defaults */

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

.mobile,
#stats-mobile,
.menu-wrapper,
#mobile-navigation {
    display:none;
}


@media (max-width: 1500px) {
    .container {
        width:100%;
        padding-left:40px;
        padding-right:40px;
        margin:0;
    }

    nav .container {
        padding-left:40px;
        padding-right:40px;
    }

    nav h1 {
        left:40px;
    }

    #preparing .container {
        padding-left:40px;
        padding-right:40px;
    }

    #preparing br {
        display:none;
    }

    #testimonials .two-columns .col:nth-child(1) {
        padding-left:40px;
    }

    #testimonials .two-columns .col:nth-child(2) {
        padding-right:40px;
    }

    .flex-next {
        margin-right:40px;
    }
}


@media (max-width: 1350px) {
    header img {
        display:none;
    }

    header {
        height:auto;
        background:url("../images/header-background-mobile.jpg") no-repeat top center;
        margin-top:-40px;
    }

    header .container {
        padding-top:530px;
    }

    header h2 {
        text-align:center;
    }

    header p {
        width:100%;
    }

    #support .container {
        padding-left:470px;
    }
}


@media (max-width: 1200px) {
    #support .container {
        padding-left:290px;
    }

    #thumbnails {
        width:100%;
        display:flex;
        margin:60px 0 0 0;
    }

    .two-columns {
        display:block;
    }

    .two-columns .col {
        width:100%;
        padding:0;
    }
}

@media (max-width: 1100px) {
    #preparing .two-columns .col:nth-child(1) {
        width:100%;
        padding:0;
        margin:0 0 20px 0;
    }

    #preparing .two-columns .col:nth-child(2) {
        width:100%;
        text-align:center;
        padding:0;
    }
}

@media (max-width: 1100px) {
    #support .container {
        text-align:center;
        padding:120px 40px 100px 40px;
    }
}

@media (max-width: 950px) {
    #thumbnails a {
        width:50%;
        margin:0 0 40px 0;
    }
}

@media (max-width: 850px) {
    header h2 br {
        display:none;
    }

    #opportunity .content {
        width:100%;
    }

    #testimonials .container {
        padding-bottom:100px;
    }

    #testimonials .two-columns .col:nth-child(1),
    #testimonials .two-columns .col:nth-child(2) {
        width:100%;
        padding-left:40px;
        padding-right:40px;
    }

    #testimonials .two-columns .col:nth-child(1) {
        margin-bottom:30px;
    }

    .flex-direction-nav {
        width:100%;
        float:none;
        padding-left:20px;
        padding-right:20px;
        margin:0;
        position:absolute;
        bottom:-45px
    }

    .flex-next {
        margin-right:0;
    }
}

@media (max-width: 800px) {
    nav {
        height:auto;
        text-align:center;
    }

    #main_nav .container {
        display: block;
        padding:20px 40px 40px 40px;
    }


    #main_nav h1 {
        position:relative;
        top:auto;
        left:auto;
        margin:0 0 20px 0;
    }

    nav a {
        display:inline-block;
    }

    header {
        margin-top:-20px;
    }

    #support {
        background:#85acd2 url(../images/support-background-mobile.jpg) no-repeat top center;
    }

    #support .container {
        padding:100px 40px;
    }
}

@media (max-width: 650px) {
    h1 {
        font:300 normal 50px/55px "neue-haas-grotesk-display", arial, sans-serif;
    }

    h2 {
        font:300 50px/56px "neue-haas-grotesk-display", arial, sans-serif;
    }

    #preparing h2 {
        font-size:35px;
        line-height:40px;
    }

    h3 {
        font:700 normal 16px/22px "neue-haas-grotesk-display", arial, sans-serif
    }

    p {
        font:300 19px/28px "neue-haas-grotesk-display", arial, sans-serif;
    }

    .list li {
        font:500 19px/28px "neue-haas-grotesk-display", arial, sans-serif;
    }

    .container,
    nav .container,
    #main_nav .container,
    #preparing .container,
    #testimonials .two-columns .col:nth-child(1), 
    #testimonials .two-columns .col:nth-child(2),
    #support .container {
        padding-left:20px;
        padding-right:20px;
    }

    nav h1 {
        left:20px;
    }

    #nav_bar h1 {
        top:22px;
    }

    #testimonials p {
        font-size:28px;
        line-height:38px;
    }

    #nav_bar h1 {
        font:300 normal 30px/35px "neue-haas-grotesk-display", arial, sans-serif;
    }

    #nav_bar a {
        font:600 normal 14px/19px "neue-haas-grotesk-display", arial, sans-serif;
        padding:12px 25px;
    }

    header {
        background-size:1000px 2217px;
    }

    header .container {
        padding-top:390px;
    }
}

@media (max-width: 550px) {
    #thumbnails {
        display:block;
    }

    #thumbnails a {
        width:100%;
        display:block;
        margin:0 0 40px 0;
    }
}

@media (max-width: 500px) {
    #nav_bar h1 {
        display:none;
    }

    nav a {
        width:100%;
        display:block;
    }

    header {
        background-size:800px 1774px;
    }

    header .container {
        padding-top:320px;
    }
}


@media (max-width: 450px) {
    h1 {
        font:300 normal 45px/50px "neue-haas-grotesk-display", arial, sans-serif;
    }

    h2 {
        font:300 45px/50px "neue-haas-grotesk-display", arial, sans-serif;
    }

    h3 {
        font:700 normal 15px/21px "neue-haas-grotesk-display", arial, sans-serif
    }
}


@media (max-width: 400px) {
    header {
        background-size:600px 1330px;
    }

    header .container {
        padding-top:240px;
    }
}