/*-- Index Header --*/

.index-header {position:relative; margin-top:8rem;}
@media (min-width: 768px) {.index-header {margin-top:7rem;}}

    .index-header img {position:absolute; top:0; left:0; width:100%; height:auto;}

    .index-header .textbox {margin:18rem auto 5rem auto;}
    @media (min-width: 768px) {.index-header .textbox {margin:11rem auto 8.5rem auto;}}

    .ad-header .textbox {margin:18rem auto 5rem auto;}
    @media (min-width: 768px) {.ad-header .textbox {margin:9rem auto 8.5rem auto;}}

        .index-header .textbox h1 {color:var(--black); font-size:4rem; line-height:1.1;}
        @media (min-width: 768px) {.index-header .textbox h1 {color:var(--white); font-size:4.5rem;}}

        .ad-header .textbox h1 {width:100%; margin:auto; font-size:3rem;}
        @media (min-width: 768px) {.ad-header .textbox h1 {width:75%; margin:auto; font-size:4.5rem;}}

        .index-header .textbox p {color:var(--black); font-size:1.8rem; width:100%; margin:1.5rem auto 2.5rem auto; font-weight:500;}
        @media (min-width: 768px) {.index-header .textbox p {color:var(--white); font-size:1.8rem; width:47%; margin:1rem auto 2rem auto;}}

/*-- Featured Markets --*/

.popular-markets {margin:6rem auto; padding:0;}

    .popular-markets .title {text-align:center; margin-bottom:2.5rem;}
    @media (min-width: 768px) {.popular-markets .title {text-align:left;}}

        .popular-markets .title h2 {font-weight:600; font-size:2.4rem;}

    .popular-markets .tile {margin:1rem auto;}

        .popular-markets .tile a {text-decoration:none;}

            .popular-markets .tile img {width:100%; height:80%; object-fit:cover; border-radius:.5rem; margin-bottom:.75rem}

            .popular-markets .tile a h4 {color:var(--black); font-weight:600; font-size:1.9rem;}
            @media (min-width: 768px) {.popular-markets .tile a h4 {font-size:1.5rem;}}

            .popular-markets .tile a:hover h4 {color:var(--red); transition:.4s;}

/*-- Testimonials --*/

.testimonials {background-color:var(--pale); padding:6rem 0;}

    .testimonials .title {text-align:center;}
    @media (min-width: 768px) {.testimonials .title {text-align:left;}}

    .testimonials .title h2 {font-weight:600; width:65%; margin:0 auto 1rem auto; font-size:2.4rem;}
    @media (min-width: 768px) {.testimonials .title h2 {font-weight:600; width:100%;}}

    .testimonials .tile {margin:3rem auto; text-align:center;}
    @media (min-width: 768px) {.testimonials .tile {text-align:left;}}

        .testimonials .tile img {height:1.6rem;}
        @media (min-width: 768px) {.testimonials .tile img {height:1.5rem;}}

        .testimonials .tile p {font-size:1.6rem; margin:1.5rem auto;}
        @media (min-width: 768px) {.testimonials .tile p {font-size:1.5rem; margin:1rem auto;}}

        .testimonials .tile span {font-weight:600; font-size:1.5rem;}
        @media (min-width: 768px) {.testimonials .tile span {font-size:1.4rem;}}


/*-- About Header --*/

.about-header {position:relative; margin-top:8rem;}
@media (min-width: 768px) {.about-header {margin-top:7rem;}}

    .about-header img {width:100%; height:auto;}

    .about-header .textbox {margin:4rem auto;}
    @media (min-width: 768px) {.about-header .textbox {margin:5rem auto;}}

        .about-header .textbox h1 {color:var(--black); font-size:3.5rem;}
        @media (min-width: 768px) {.about-header .textbox h1 {font-size:4.5rem;}}

        .about-header .textbox p {color:var(--black); font-size:1.6rem; width:100%; margin:1.5rem auto 2.5rem auto; font-weight:400;}
        @media (min-width: 768px) {.about-header .textbox p {color:var(--black); font-size:1.8rem; width:70%; margin:1rem auto 2rem auto;}}


/*-- Small Business Facts --*/

.sbf {background-color:var(--pale); padding:7rem 0; margin-bottom:8rem;}

    .sbf .title {margin-bottom:2rem;}

    .sbf .tile {
        background-color:var(--white);
        border:var(--black) .15rem solid;
        border-radius:.7rem;
        margin:1rem;
        padding:2.5rem 3.5rem 3.5rem 2rem;
    }

     @media (min-width: 768px) {.sbf .tile {padding:2.5rem 2rem;}}

        .sbf .tile h4 {font-size:4.5rem;}

        .sbf .tile p {font-size:1.7rem; margin-bottom:1.5rem; line-height:1.3;}
        @media (min-width: 768px) {.sbf .tile p {font-size:1.6rem;}}

        .sbf .tile span {font-size:1.5rem;}
        @media (min-width: 768px) {.sbf .tile span {font-size:1.4rem;}}

/*-- Our Story --*/

.our-story {padding:8rem 1.5rem 8rem 1.5rem;}
@media (min-width: 768px) {.our-story {padding:10rem 8rem;}}

    .our-story h5 {font-weight:600; color:var(--red); font-size:1.5rem;}

    .our-story h2 {line-height:1.3; margin:.75rem 0; font-size:2.7rem; font-weight:600;}

/*-- Our Team --*/

.team {padding:2rem 2rem; margin:4rem auto;}
@media (min-width: 768px) {.team {padding:2rem 4rem;}}

    .team .title {margin-bottom:5rem; text-align:center;}
    @media (min-width: 768px) {.team .title {margin-bottom:5rem; text-align:left;}}

        .team .title h2 {font-weight:600;}

     .team .member {margin-bottom:5rem;}

        .team .member img {width:100%; height:auto; margin-bottom:.5rem;}

        .team .member h4 {margin-bottom:.5rem; font-size:1.6rem;}
        @media (min-width: 768px) {.team .member h4 {margin-bottom:.5rem;}}

         .team .member a {text-decoration:none; color:var(--black); font-size:1.5rem;}

         .team .member a:hover {color:var(--red); transition:.4s;}


/*-- Advertise Header --*/

.ad-header {position:relative; margin-top:8rem;}
@media (min-width: 768px) {.ad-header {margin-top:7rem;}}

    .ad-header img {position:absolute; top:0; left:0; width:100%; height:auto;}

    .ad-header .textbox {margin:18rem auto 0rem auto;}
    @media (min-width: 768px) {.ad-header .textbox {margin:9rem auto 8.5rem auto;}}

        .ad-header .textbox h1 {color:var(--black); width:100%; margin:auto; font-size:3rem; line-height:1.1;}
        @media (min-width: 768px) {.ad-header .textbox h1 {color:var(--white); width:75%; margin:auto; font-size:4.5rem;}}

        .ad-header .textbox p {color:var(--black); font-size:1.8rem; width:100%; margin:1.5rem auto 2.5rem auto; font-weight:500;}
        @media (min-width: 768px) {.ad-header .textbox p {color:var(--white); font-size:1.8rem; width:47%; margin:1rem auto 2rem auto;}}


/*-- Advertise Description --*/

.ad-description {margin:8rem auto;}

    .ad-description img {width:100%; height:auto; margin-bottom:2.5rem;}
    @media (min-width: 768px) {.ad-description img {width:90%; margin-bottom:2rem;}}

    .ad-description .textbox h2 {font-size:2.4rem; line-height:1.2; width:100%; margin-bottom:1.5rem;}
     @media (min-width: 768px) {.ad-description .textbox h2 {font-size:3rem; line-height:1.2; width:80%; margin-bottom:1rem;}}

    .ad-description .textbox p {margin-bottom:2.5rem; width:100%;}
    @media (min-width: 768px) {.ad-description .textbox p {margin-bottom:2rem; width:93%;}}


/*-- Our Platform --*/

.ad-platform {background-color:var(--pale); padding:7rem 0 8rem 0;}

    .ad-platform .title {margin-bottom:2rem;}

        .ad-platform .title h2 {font-size:2.5rem;}
        @media (min-width: 768px) {.ad-platform .title h2 {font-size:4rem;}}

        .ad-platform .title p {width:100%; margin:1rem auto;}
        @media (min-width: 768px) {.ad-platform .title p {width:60%; margin:1rem auto;}}

    .ad-platform .tile {
        background-color:var(--white);
        border:var(--black) .15rem solid;
        border-radius:.7rem;
        margin:1rem;
        padding:2.5rem 3.5rem 3.5rem 2rem;
    }

     @media (min-width: 768px) {.ad-platform .tile {padding:2.5rem 2rem;}}

        .ad-platform .tile h4 {font-size:2rem; margin-bottom:1rem;}

        .ad-platform .tile p {font-size:1.7rem; margin-bottom:1.5rem; line-height:1.3;}
        @media (min-width: 768px) {.ad-platform .tile p {font-size:1.5rem;}}


/*-- Our Partners Collage --*/

.ad-partners {margin:8rem auto 1.5rem auto;}
@media (min-width: 768px) {.ad-partners {margin:8rem auto 3rem auto;}}

.ad-partners .title {margin-bottom:3rem; text-align:center;}
@media (min-width: 768px) {.ad-partners .title {text-align:left;}}

.ad-partners img {width:100%; height:auto;}


/*-- Advertise Testimonials --*/

.ad-testimonials {margin:0rem auto 10rem auto;}

.ad-testimonials .row {margin:6rem auto;}

    .ad-testimonials .imgbox {padding:0;}
    @media (min-width: 768px) {.ad-testimonials .imgbox {padding:0 1.5rem;}}

        .ad-testimonials img {width:100%; height:auto; margin-bottom:2rem;}
        @media (min-width: 768px) {.ad-testimonials img {margin-bottom:0;}}

    .ad-testimonials .textbox {padding:0;}
    @media (min-width: 768px) {.ad-testimonials .textbox {padding:0 3rem;}}

        .ad-testimonials .textbox h2 {font-size:2.4rem; line-height:1.2; margin-bottom:1.5rem;}
        @media (min-width: 768px) {.ad-testimonials .textbox h2 {font-size:3rem;}}

        .ad-testimonials .textbox p {margin-bottom:1rem; width:100%;}
        @media (min-width: 768px) {.ad-testimonials .textbox p {width:95%;}}

        .ad-testimonials .textbox p span {color:var(--red); font-weight:600;}

        .ad-testimonials .textbox p a {color:var(--black);}


/*-- Advertise Process --*/

.ad-process {margin:8rem auto;}

    .ad-process .title {margin-bottom:5rem;}

    .ad-process img {width:100%; height:auto; margin-bottom:5rem;}
    @media (min-width: 768px) {.ad-process img {width:70%; margin-bottom:2rem;}}

    .ad-process .textbox h2 {font-size:2.4rem; line-height:1.2; width:100%; margin-bottom:1.5rem;}
     @media (min-width: 768px) {.ad-process .textbox h2 {font-size:3rem; line-height:1.2; width:80%; margin-bottom:1rem;}}

    .ad-process .textbox p {margin-bottom:2.5rem; width:100%;}
    @media (min-width: 768px) {.ad-process .textbox p {margin-bottom:2rem; width:93%;}}


/*-- Advertise CTA --*/

.ad-cta {padding:7rem 0; margin-bottom:5rem; background-color:var(--pale);}

    .ad-cta img {width:100%; height:auto; margin-bottom:2.5rem;}
    @media (min-width: 768px) {.ad-cta img {width:90%; margin-bottom:2rem;}}

    .ad-cta .textbox h2 {font-size:2.4rem; line-height:1.2; width:100%; margin-bottom:1.5rem;}
     @media (min-width: 768px) {.ad-cta .textbox h2 {font-size:3rem; line-height:1.2; width:80%; margin-bottom:1rem;}}

    .ad-cta .textbox p {margin-bottom:2.5rem; width:100%;}
    @media (min-width: 768px) {.ad-cta .textbox p {margin-bottom:2rem; width:93%;}}