#banner {
    height: 6em !important;
    background: rgba(27, 27, 27, 0.75);
}

#banner .banner-bottom-text{
    background: none;
}

#banner .banner-bottom-text h2{
    font-size: 2em !important;
}


.container{
    padding: 0 !important;
}

.roadmap .row{
    margin: 0;
}

.guide-style p{
    text-align: center;
    font-size: 22px;
}

.guide-style{
    font-size: 18px;
    line-height: 30px;
    padding: 0;
}

.guide-style ul{
    list-style: disc;
    margin-left: 40px;
}

.guide-style ul.payment-options, .guide-style ul.pricing-options, .guide-style ul.pricing-options ul{
    list-style: none;
}

.item-header{
    font-weight: bold;
    font-size: 38px;
    line-height: 62px;
}

.guide-style .highlight, .guide-style a, .item-header {
    color: var(--accent1);
}

.guide-style ul.pricing-options .item-header{
    font-size: 26px;
    line-height: 50px;
}

.guide-style ul.pricing-options ul .item-header{
    font-size: 18px;
    line-height: 40px;
}

.roadmap-section{
    width: 100%;
    clear: both;
    padding: 20px;
    min-height: 200px;
}

.roadmap-description{
}

.roadmap-images{
    clear: right;
    position: relative;
    min-height: 180px;
}

.roadmap-section:nth-child(odd) .roadmap-description{
    float:left;
}


.roadmap-section:nth-child(even){
    background-color: #f0f0f0;
    background-image: url(../../lib/img/bg02.png), url(../../lib/img/bg02.png), url(../../lib/img/bg01.png);
    background-position: top left,	top left,	top left;
    background-size: 100% 6em,	100% 6em,	auto;
    background-repeat: no-repeat,	no-repeat, repeat;
}

.roadmap-section:nth-child(even) .roadmap-description{
    float:right;
}

.no-fees div, .no-fees i{
    position: absolute;
}

.no-fees div{
    font-size: 60px;
    color: #F00;
    top: 53%;
    left: 45%;
    font-weight: bold;
    white-space: nowrap;
}

.no-fees i{
    font-size: 150px;
    color: rgba(0,0,0,.7);
    top: 20%;
    left: 53%;
}

img.sign-in{
    width: 90%;
    margin-top: 20px;
}

.sign-in-pointer{
    font-size: 24px;
    position: absolute;
    right: 100px;
    top: 95px;
}

img.account-settings{
    width: 100%;
    border: 1px solid #EEE;
    border-radius: 4px;
}

img.filters{
    width: 400px;
    margin-left: 50px;
}

img.offer{
    width: 300px;
    margin-left: 25%;
}

.offer-pointer{
    position: absolute;
    left: 55%;
    top: 232px;
}

img.freight{
    width: 300px;
    margin-left: 25%;
}

img.payment{
    width: 350px;
    margin-left: 20%;
}

img.pricing-options-img{
    width: 95%;
    margin-top: 70px;
}

.fa.get-paid{
    font-size: 160px;
    margin-left: 33.33%;
    color: var(--accent1);
}

#footer {
    padding: 3em !important;
}

span.showSignupTab.signupBtn, span.forgotpass{
    cursor: pointer;
    border-bottom: 1px dotted #333;
}

.get-started{
    font-size: 24px;
    margin: 0 auto 20px;
    display: block;
}

@media (max-width: 500px) {

    img.filters, img.freight, img.offer, img.payment {
        width: 270px;
        margin-left: 40px;
    }

    .item-header {
        color: var(--accent1);
        font-size: 22px;
        line-height: 32px;
    }

    .guide-style {
        font-size: 14px;
        line-height: 22px;
    }

    .guide-style ul {
        margin-left: 0 !important;
    }

    .guide-style p {
        text-align: center;
        font-size: 16px;
    }
}