.select-topic {
    background-color: #003764;
    color: #fff;
}

    .select-topic h2 {
        font-size: 1.25rem;
    }



.topic-title {
    background-color: #007ac2 !important;
    color: #fff;
}

    .topic-title h2 {
        font-weight: normal;
        font-size: 2rem;
    }




.intro main h3 {
    color: #ff5200;
    font-size: 2rem;
}

.intro .quote {
    background-color: #e7f1f9;
    color: #0065a8;
    border-radius: 25px;
}

.blockquote-footer {
    background-color: transparent;
        color: #0065a8 !important;
}

blockquote .start-quote {
    font-size: 30px;
    color: #0065a8;
    transform: rotate(180deg);
}

blockquote .end-quote {
    font-size: 30px;
    color: #0065a8;
}

.info-bar {
    background-color: #0065a8;
    background-color: #007ac2 !important;
    color: #fff;
    border-radius: 10px;
    font-family: Hind;
    font-weight: 600;
}


/*.info-bar img {width: 100px;}*/


.marketing-rep {
    display: none;
}

.nav-bottom .text-muted {
    color: #EBEBE4 !important;
}





.platforms main h3 {
	color: #0064a7;
}

.platforms aside {
	background: #deecf9;
	border-radius: 25px;
}

.platforms aside h3 {
	color: #0064a7;
	}




.started aside {
    background: #f0f7e4;
    border-radius: 25px;
}
.started main h3 {
    color: #0064a7;
}



.understanding main h3 {
    color: #0064a7;
}


.understanding .blockquote p {
    color: #0064a7;
}

.understanding .blockquote-footer {
    background-color: transparent;
    color: #0064a7 !important;
}

.understanding blockquote .start-quote {
    font-size: 30px;
    color: #D14200;
    transform: rotate(180deg);
}

.understanding blockquote .end-quote {
    font-size: 30px;
    color: #D14200;
}


.calander-lists .card {
    background: #f5f9f2;
}

    .calander-lists .card h4 {
        color: #5E8028;
    }

.creating aside {
    background: #e7f2d5;
    border-radius: 25px;
}

.creating .bubble {
    background-color: transparent;
    border-radius: 10px;
    border: 2px solid #93c53f !important;
}

    .creating .bubble h4 {
        color: #000 !important;
    }

.creating main h3,
.creating main h4 {
    color: #0064a7;
}


.green-box li::marker {
    color: #7fab36;
    content: "\2610\0020";
    margin-left: -20px;
    margin-right: 10px;
}


.quickfact {
	background-color: #eff6fc;
	border-radius: 10px;
	font-family: Hind;
    font-size: 1.25rem;
}

	.quickfact strong {
		font-size: 2rem;
		line-height: 1;
	}

	.quickfact .bg-success {
		background-color: #55ba47;
	}

    .quickfact.youtube strong {
        color: #ee343f;
    }

    .quickfact.twitter strong {
        color: #66b1e2;
    }

    .quickfact.facebook strong {
        color: #0064a8;
    }

    .quickfact.instagram strong {
        color: #f2672a;
    }

    .quickfact.shares strong {
        color: #55ba47;
    }

.border-red {
    border: 2px solid #ac1d40 !important;
}

.border-purple {
    border: 2px solid #8d2a90 !important;
}



.videos .topic-title {
    background-color: #ac1d40;
}

.videos main h3,
.videos main h4 {
    color: #ac1d40;
}

.videos .cobrand {
    background: #eff6fc;
    border-radius: 25px;
}

.videos aside {
    background: #eff6fc;
}

.customer .bubble {
    background-color: transparent;
    border-radius: 10px;
    border: 2px solid #93c53f !important;
}

    .customer .bubble h4 {
        color: #000 !important;
    }

.customer aside {
    background: #eff6fc;
}

.customer main h3,
.customer main h4 {
    color: #00355f;
}


.advertising .bubble {
    background-color: #eff6fc;
    color: #000;
    border-radius: 10px;
}



.advertising main h3,
.advertising main h4 {
    color: #007ac2;
}


.seo main h3,
.seo main h4 {
    color: #0064a7;
}


.seo blockquote {
    color: #3C8532;
}


.seo .blockquote-footer {
    background-color: transparent;
    color: #3C8532 !important;
}



.seo blockquote .end-quote {
    font-size: 30px;
    color: #bddeae;
}



.journey main h3,
.journey main h4 {
    color: #ac1d40;
}


.tools-trade {
    background: #f3ebf4;
}


.posting main h3,
.posting main h4 {
    color: #8d2a90;
}

.posting .topic-title {
    background-color: #8d2a90;
}


.engagement {
    background: #f3ebf4;
    color: #000;
}

    .engagement h3 {
        color: #8d2a90 !important;
    }


.icon-width {
    width: 30%;
}


@media screen and (min-width: 576px) {

	.info-bar img {
		width: 50px;
	}

	.nav-bottom {
		font-size: 18px;
	}

		.nav-bottom span {
			font-size: 32px;
		}

	.topic-title img {
		height: 60px;
	}

    .icon-width {
        width: 50%;
    }

    .topic-title img {
        height: 50px;
    }
      



 }


@media screen and (min-width: 768px) {


}