.page-links {
    width: 100vw;
    padding: 12px;
    background: #006cd1;
    height: 72px;
}
.page-links ul.navbar {
	list-style: none;
	max-width: 800px;
	margin: auto
}
.page-links .navbar a {
	color:#FFF;
}
.hero-story {
    height: 450px;
    background-image: url('//d1zemqtboih69v.cloudfront.net/metabolicliving/images/story-hero-img.png');
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-story h1 {
    color: #FFF;
    width: 690px;
    margin: auto;
    padding-top: 100px;
    font-family: "Proxima Nova Bold";
    font-weight: normal;
}
.content-section h5 {
    font-size: 28px;
}
h3.content-heading {
	font-size: 50px;
	text-align: center;
}
.content-section, .content-section p, .content-section li {
    font-size: 20px;
    line-height: 33px;
}
.heroes-img {
    width: 100vw;
}
.img-wrap .img-overlay {
	position: absolute;
	background: rgba(0,0,0,.6);
	color: #FFF;
	left:0;
	bottom: 0;
	padding: 2px 18px;
	text-align: center;
}
.content-section b {
    font-weight: normal;
    font-family: "Proxima Nova Bold";
    font-size: 20px;
}

.carousel .img-wrap .img-overlay {
    text-align: left;
    font-size: 16px;
    font-family: "Proxima Nova";
    padding: 2px 10px;
}
.carousel .img-wrap .img-overlay b {
	font-weight: normal;
	font-size: 16px;
	font-family: "Proxima Nova Bold";
}
.carousel-item {
    text-align: center;
}
#ourTeamSlider img {
    max-height: 500px;
}

.panel-white {
    width: 940px;
    background: #FFF;
    border-radius: 8px;
    padding: 20px 112px;
    height: 194px;
    z-index: 0;
    position: relative;
    margin-top: 40px;
}

.panel-white p.blockquote::before {
    content: url('//d1zemqtboih69v.cloudfront.net/metabolicliving/images/blockquote.svg');
    position: absolute;
    top: -31px;
    left: -67px;
    z-index: -1;
}

.panel-white p.blockquote {
    font-size: 28px;
    line-height: 31px;
    margin-top: 24px;
    position: relative;
    font-style: italic;
}

/* LG Resolution */
@media screen and (max-width: 1180px){

}

/* MD Resolution */
@media screen and (max-width: 997px){
	.page-links {
	    display: none;
	}

	.hero-story h1 {
	    font-size: 34px;
	    width: 575px;
	    line-height: 40px;
	}
	.hero-story {
	    height: 400px;
	}
	h3.content-heading {
	    font-size: 30px;
	    text-align: left;
	    padding-top: 10px;
	    margin-left: 12px;
	}
	.content-section h5 {
	    margin: 0 12px;
	}
	.content-section p, .content-section li {
	    margin: 20px 12px;
	}
	img.heroes-img {
	    width: auto;
	    margin-top: -20px;
	    max-width: 5000px;
	}
	.panel-white {
	    width: 100%;
	    padding: 12px;
	    height: auto;
	}
	.panel-white p.blockquote {
	    font-size: 22px;
	    line-height: 23px;
	    margin-top: 12px;
	}
	.panel-white p.blockquote::before {
	    top: -17px;
	    left: -9px;
	}


}

/* SM Resolution */
@media screen and (max-width: 767px){
	.hero-story h1 {
	    font-size: 29px;
	    width: 290px;
	    line-height: 34px;
	}
	button.btn-lg {
	    font-size: 16px;
	}
}