/*  header-section */

#header-section{
    position: relative;
    width: 100%;
}

#header-section .container-header{
    width: 100%;
    height: 36vw;
    background-image: url('./../images/reach.jpg');
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
    position: relative;
}

.apply-now-reach{
    position: relative;
    top: 0;
    left: 0;
    width: 80%;
    margin: 0 auto;
    padding: 1.5em 0;
    font-family: 'amazon_emberregular';
    font-size: 1.5em;
    color: #000000;
    text-align: center;
    outline: none;
}

.apply-now-reach span{
    display: block;
    text-align: center;
    margin: .5em 0;
}

.apply-now-reach button{
    margin: 1em auto !important;
    font-size: .6em;
}

.header-description{
    padding: 3em 0;
}

.header-description p{
    display: block;
    text-align: center;
}

/*  ends header-section */

/* submenu-section */
    
#sub-menu{
    background: #008297;
    width: 100%;
    margin-bottom: 2em;
}

#sub-menu nav{
    width: 80%;
    margin: 0 auto;
}

#sub-menu ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    padding: 30px 0;
}

#sub-menu ul li a{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    color: #FFF;
    text-decoration: none;
}

#sub-menu ul li a:hover{
    color: #FFF;
    cursor: pointer;
}

#sub-menu ul li img{
    width: auto;
    height: 1.8em;
    margin-left: 10px;
}

/* end submenu sections */

/* what-you-get */

#what-you-get{
    background: #f3f3f3;
    padding-top: 4em;
    padding-bottom: 4em;
}

#what-you-get .section-element{
    width: 100%;
    margin: 4em 0;
}

.description-element{
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

/* end what-you-get */

/* how-it-works */

#how-it-works{
    padding: 4em 0;
}

.steps-works-eligible{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    margin-top: 4em !important;
}

.steps-works-eligible div{
    width: 25%;
    text-align: center;
}

.steps-works-eligible div img{
    height: 5em;
    margin-bottom: 1em;
}

/* end how-it-works */

/* how-to-make-money */

#how-to-make-money{
    padding: 4em 0;
    width: 100%;
    background: url('./../images/makemoney.png');
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

#how-to-make-money p{
    margin: 0;
    padding: 0; 
}

/* end how-to-make-money */

/* who-is-eligible */

#who-is-eligible{
    padding: 4em 0;background: #f3f3f3;
}

.dont-qualify{
    margin-top: 4em;
    text-align: center;
}

.dont-qualify a{
    color: #6c71ff;
}

/* end who-is-eligible*/

/* dont-qualify */

#dont-qualify{
    padding: 4em 0;background: #f3f3f3;
}

.dont-qualify{
    margin-top: 4em;
    text-align: center;
}

.dont-qualify a{
    color: #6c71ff;
}

/* end dont-qualify*/

/* featured-sellers */

#featured-sellers{
    padding-bottom: 4em; padding-top: 4em;
}

#featured-sellers ul{
    width: 100%;}

#featured-sellers ul li{
    width: 12%;
}

/* end featured-sellers */

/* ready-apply-now */
    
#ready-apply-now{
    padding: 4em 0;
    background: #008297;
}

#ready-apply-now .section-element{
    width: 40%;
    text-align: center;
}

#ready-apply-now > div{
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
}

#ready-apply-now span{
    display: block;
}

#ready-apply-now button{
    margin: 1em auto !important;
    font-size: .9em;
}

/* end ready-apply-now */

#featured-sellers > div.container-small > div{
    margin: 0 auto !important;
}

#featured-sellers > div.container-small > div > div.bx-controls.bx-has-controls-direction.bx-has-pager{
    display: none;
}

@media(max-width: 1280px){

    /* submenu-section */

    #sub-menu nav{
        width: 95%;
    }

    /* end submenu-section */

}

@media(max-width: 1024px){

    /* submenu-section */

    #sub-menu nav{
        width: 95%;
    }

    #sub-menu ul{
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    #sub-menu ul li{
        width: 20%;
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        text-align: center;
    }

    #sub-menu ul li img{
        height: 1.5em;
        margin-left: 30%;
        margin-right: 30%;
        margin-bottom: .5em;
        margin-top: .5em;
        display: block;
    }

    /* end submenu-section */
    
}

@media(max-width: 768px ){

    #sub-menu{
        display: none;
    }
    /*  header-section */

    #header-section .container-header{
        width: 100%;
        height: 68vw;
        background-image: url('./../images/reach_768px.jpg');
    }


    #header-section .container-header{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

    /*  ends header-section */

    /* submenu-section */

    #sub-menu ul{
        width: 40%;
        margin: 0 auto;
    }

    #sub-menu ul li{
        width: 50%;
        -webkit-flex-wrap: wrap-reverse;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        text-align: center;
        margin: 1em 0;
    }

    /* end submenu-section */

    /* how-it-works */

    .steps-works-eligible div{
        width: 100%;
        margin: 2em auto;
    }

    .steps-works-eligible div span, .steps-works-eligible div p{
        width: 50%;
        margin: 0 auto;
        display: block;
    }

    /* how-it-works */

    /* ready-apply-now */

    #ready-apply-now .section-element{
        width: 80%;
        text-align: center;
        margin: 2em auto;
    }

    /* end ready-apply-now */
}

@media(max-width: 640px){

    /* submenu-section */

    #sub-menu ul{
        width: 40%;
    }

    #sub-menu ul li{
        width: 70%;
    }

    /* end submenu-section */

    /* how-it-works */
    
    .steps-works-eligible div span, .steps-works-eligible div p{
        width: 60%;
    }

    /* end how-it-works */

    /* ready-apply-now */

    #ready-apply-now .section-element{
        width: 80%;
        margin: 2em 0%;
    }

    /* end ready-apply-now */

}

@media(max-width: 480px){

    #header-section .container-header{
        width: 100%;
        height: 109vw;
        background-image: url('./../images/reach_480px.jpg');
    }

    #ready-apply-now .section-element{
        width: 100%;
        text-align: center;
        margin: 2em auto;
    }

}