.jumbotron {
	-webkit-border-radius: 0;
	        border-radius: 0;
}

h1, h2, h3, h4, h5, h6, p, span, button {
	font-family: museo-sans, sans-serif;
	font-style: normal;
}

.jumbotron.cover {
	background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url('./images/cover.jpg');
	background-position:center;
	background-size:cover;
	height: 44em;
	display: flex;
	align-items: center;
	text-align: center;
    justify-content: center;
    margin-bottom: 0;
}

.cover .bulk.text p {
	font-size: 23px;
    color: #fff;
    text-shadow: 2px 2px rgba(0,0,0,0.9);
}

.cover p.subtitle {
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 20px;
	color: #fff !important;
    font-weight: 600;
    text-shadow: 2px 2px rgba(0,0,0,0.9);
}

.cover .bulk.text {
	display: flex;
	align-items:center;
}

.cover .bulk.text h1 {
	font-weight: 900;
	font-size: 70px;
	color: #76c0ff;
	text-shadow: 2px 2px rgba(0,0,0,0.9);
}

.cover .hero.text {
	color:#10325A;
	font-size: 62px;
	font-weight: 900;
}

.cover .text.wrapper {
/*	display: flex;
	align-items:center;
	justify-content:center;*/
}

.cover .logo {
	width: 90%;
	margin-top: 20px;
}

.cover .explainer.text {
    background: #91B647;
    color: #fff;
    display: flex;
    align-items: center;
    border-radius: 15px;
    justify-content: center;
    font-size: 20px;
    padding: 32px;
}

.cover .explainer.text p {
	margin-bottom: 0;
	text-align: center;
}

.jumbotron.intro {
	background: #fff;
	margin-bottom: 0;
}

.intro .hero.text {
    font-size: 40px;
    font-weight: 600;
    color: #666;
}

.seed.circle {
	height: 80px;
    width: 80px;
    background: #91B647;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 50px;
    margin-right: 30px;
}

.intro .hero.text span {
	color: #91B647;
    font-weight: 900;
    display: block;
}

.intro-wrapper {
	display: flex;
    align-items: center;
}

.intro .connections-that-grow.text {
	font-size: 20px;
    color: #666;
    font-weight: 300;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 37px;
}

.intro.jumbotron .col-md-5 {
	display: flex;
	align-items:center;
	justify-content:center;
}

.intro.image.wrapper {
	height: 300px;
    overflow: auto;
    width: 300px;
    border-radius: 100%;
    overflow:hidden;
    align-items: center;
    background: #F1F1F1;
    justify-content: center;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.6);
}

.intro.image.wrapper img {
	height: auto;
    width: 760px;
}

.jumbotron.the-problem {
	background:#F8D7DA;
	margin-bottom: 0;
}

.the-problem h1 i{
	color:#fff;
}

.the-problem .icon.wrapper {
    height: 80px;
    width: 80px;
    background: #CD878F;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 20px;
    margin-bottom: 20px;
    font-size: 50px;
}

.the-problem .content-wrapper{
	display: flex;
    align-items: center;
    flex-direction:column;
    justify-content:center;
}

.the-problem h1 {
	color:#ce888e;
}

.the-problem h1 span {
	font-weight: 900;
}

.the-problem p {
	font-size: 20px;
    color: #CD888F;
    font-weight: 300;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 37px;
}

.the-problem p:last-child {
	font-weight: 900;
}

.the-solution {
	margin-bottom: 0;
    background: #92B44F;
    color: #fff;
    position: relative;
    overflow:hidden;
    text-align: center;
}

.the-solution .fa-check-circle {
	position: absolute;
    font-size: 470px;
    z-index: 1;
    opacity: 0.2;
    top: -20px;
    left: -20px;
	color: #69803b;
}

.the-solution h1 span {
	font-weight: 900;
}

.the-solution p {
	text-align: center !important;
	font-size:24px !important;
}

.the-solution p.intro.text{
	margin-bottom: 39px;
	text-align: center;
	font-size:19px !important;
}

.the-solution .step {
    background-position: center !important;
    background-size: cover !important;
    height: 340px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:10px solid #93B256;
    border-radius:15px;
    z-index: 3;
    flex-direction:column;
    position: relative;
}

.the-solution .step i {
    font-size: 80px;
}

.the-solution .step p {
    font-weight: 900;
    font-size: 27px;
    text-align: center;
    color: #fff;
}

.the-solution .step1 {
	background: linear-gradient(rgba(000, 000, 000, 0.6),rgba(000, 000, 000, 0.6)), url(./images/step-one.jpg);
}

.the-solution .step2 {
	background: linear-gradient(rgba(000, 000, 000, 0.6),rgba(000, 000, 000, 0.6)), url(./images/step-two.jpg);
}

.the-solution .step3 {
	background: linear-gradient(rgba(000, 000, 000, 0.6),rgba(000, 000, 000, 0.6)), url(./images/step-three.jpg);
}

.the-solution .step4 {
	background: linear-gradient(rgba(000, 000, 000, 0.6),rgba(000, 000, 000, 0.6)), url(./images/step-four.jpg);
}

.the-solution p {
	font-size: 20px;
    color: #fff;
    font-weight: 300;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 37px;
}

.schedule {
	background: #004680;
    margin-bottom: 0;
    border: none;
}

.schedule .row {
	    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align:center;
}

.schedule .row p {
	color:#fff !important;
	font-size:30px;
	text-transform:uppercase;
	letter-spacing:20px;
}

.jumbotron.key.features {
    margin-bottom: 0;
    background:#fff;
}

.jumbotron.key.features p.text {
    font-size: 20px;
    color: #666;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 30px;
    line-height: 37px;
}

.key.features h1 {
    font-weight: 900;
    color: #76C2F9;
}

.key.features h1 span {
    font-weight:100;
    font-size: 34px;
    color:#c9c9c9;
}

.feature {
    padding: 30px 30px;
    margin-bottom: 0px;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    border: 15px solid #fff;
    border-radius:21px;
    margin-bottom: -30px;
    border-bottom: 0px;
}

.feature p {
    margin-bottom: 0;
}

.feature-icon {
    align-items: center;
    justify-content: center;
    display: flex;
   
    color: #4c7ea3;
    background: #fff;
    height: 100px;
    font-size: 46px;
    border:2px solid #4c7ea3;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%;
}


.feature:nth-child(6) .feature-icon{
    transform: rotate(-20deg);
}

.feature:nth-child(8) .feature-icon{
    transform: rotate(20deg);
}

.feature-text {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 15px;
    font-weight: 500;
    margin-left: auto;
    margin-right: auto;
}

.feature-text p {
    margin-bottom: 0;
    font-size:19px;
    color:#8e8e8e;
}

.schedule .row a.email {
	width:300px;
	display:block;
    background:#fff;
    text-decoration:none;
	color:#004680;
	font-weight:600;
	padding-top:10px;
	padding-bottom: 10px;
	font-size:20px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;
	border-radius:15px;
}

.phone-number {
    background: transparent !important;
    color:#fff !important;
    font-weight:900;
    margin-top: 30px;
    font-size:20px;
}

@media screen and (max-width:992px) {
    .intro.image.wrapper {
        height:270px;
    }

    .seed.circle {
        font-size: 31px;
        height: 58px;
        width: 80px;
    }
}

@media screen and (max-width:767px) {
    .intro-wrapper {
        flex-direction: column;
        text-align: center;
    }

    .seed.circle {
        height: 78px;
        width: 80px;
        margin-bottom: 20px;
    }

    .intro.image.wrapper {
        height: 290px;
        margin-top: 30px;
    }

    .the-problem .content-wrapper h1 {
        text-align: center;
    }
}

@media screen and (max-width:400px) {
    .cover .bulk.text{
        justify-content: center;
    }

    .schedule .row p {
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 20px;
    }

    .the-solution .wistia_async_vz5hhppzea {
        height:214px !important;
    }

    .jumbotron.cover {
        height:100vh;
    }

    .cover .bulk.text p {
        font-size:20px;
    }

    .cover .subtitle {
        font-size: 13px !important;
        letter-spacing: 4px  !important;
    }
}

@media screen and (max-width:1024px) and (min-width:800px) {

    .wistia_responsive_padding {
        padding: 310px !important;
        width: 270px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 0 !important;
    }
}


@media screen and (max-width:320px) {

    .intro.image.wrapper {
        height: 262px;
    }

    .schedule a {
        padding: 10px !important;
        width:100% !important;
    }
}