header {
	display: none;
}

h1 {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	font-style: italic;
	font-size: 55px;
	color: #fff;
	position: absolute;
	top: -20px;
}

h2 {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
	font-size: 24px;
	color: #e12d19;
	display: inline-block;
}

p {
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
}

ol li,
ul li {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	margin-left: 2em;
}

.errorBody hr, .maintBody hr {
    max-width: 40%;
}

.subHead {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
	font-size: 35px;
	color: #fff;
	margin-top: 30px;
	margin-bottom: 10px;
}

#header {
	background: url('http://media.mercola.com/assets/images/nitric-oxide-dump/nitric-oxide-dump-bg.jpg');
	background-size: cover;
	background-attachment: fixed;
	text-align: center;
	background-position: center;
	display: block;
}

#header-error {
	background: url('http://media.mercola.com/assets/images/nitric-oxide-dump/nitric-oxide-dump-bg-404.jpg');
	background-size: contain;
	background-attachment: fixed;
	text-align: center;
	display: block;
}

.headerTop {
	padding: 3.5em;
    height: 470px;
    width: auto;
    margin: auto;
}

.headerTop-error {
	padding: 3.5em;
    height: 280px;
    width: auto;
    margin: auto;
}
 
.video-wrap {
	float: right;
	width: 630px;
}

.video-wrap-mob {
	display: none;
}

.video-container {
	position: relative;
	margin-top: 30px auto;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.headerStripTxt {
	background: #e12d19;
	padding: 1em 6.5em;
	position: relative;
	display: inline-block;
	width: 100%;
}

.headerStrip {
	background: inherit;
	top: -45px;
	left: -2%;
	width: 55%;
	height: 50px;
	display: block;
	position: absolute;
	transform: skew(45deg);
}

.intro {
	background: #fae4e1;
	padding: 2em 20em;
}

.intro-wrap, .content-wrap {
	width: 60%;
    margin: auto;
}

.content {
	padding: 2em 20em;
}

#bodyvid {
	width: 740px;
	margin: 1.5em auto;
}

img.infographic {
	max-width: 80%;
	margin: 1.5em auto;
	display: block;
}

a.learn-more-btn {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 800;
	background: #e12d19;
	font-size: 28px;
	color: #fff;
	display: block;
	text-align: center;
	padding: 1.2em 1.2em 1em;
	margin: 1em auto;
	width: 80%;
}

a.learn-more-btn:hover {
	background: #cc210e;
	transition-duration: 0.2s;
}

.learn-more {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 500;
	color: #000;
	font-size: 18px;
	font-style: italic;
	margin: 1.5em;
	text-align: right;
	display: block;
}

.learn-more:focus {
	color: #e12d19 !important;
}

.learn-more:hover {
	color: #e12d19;
	transition-duration: 0.2s;
}

#body-link {
	float: right;
}

a.back-to-top {
    display: none;
    width: 60px;
    height: 60px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: #e12d19 url(http://media.mercola.com/assets/images/fatforfuel/up-arrow.png) no-repeat center 43%;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
	opacity: 0.5;
}

footer {
	font-family: 'Fira Sans', sans-serif;
	background: #e12d19;
	color: #fff;
	font-size: 22px;
	padding: 2.2em;
	margin: auto;
	text-align: center;
	display: inline-block;
	position: relative;
	width: 100%;
}

.large-12.columns#errorWrap, .large-12.columns#maintWrap {
    padding: 3em;
	background: #fff;
}

.errorTop, .maintTop {
	font-size: 10em;
	color: #000;
	font-weight: bold;
	line-height: 150px;
}

.errorBody, .maintBody {
    margin: 5% auto;
    text-align: center;
}

.errorHead, .maintHead {
    font-size: 2.3rem;
    font-weight: bolder;
    color: #e12d19;
	line-height: normal;
}

@media only screen and (max-width: 1920px) {
	#header {
		background-position: bottom;	
	}
	
	.intro-wrap, .content-wrap {
		width: auto;
	}
}

@media only screen and (max-width: 1366px) {
	.intro {
		padding: 2em 12em;
	}
	
	.headerTop {
		height: 440px;
	}
	
	.video-wrap {
		width: 45%;
	}
	
	.content {
		padding: 2em 12em;
	}
	
	#bodyvid {
		width: 620px;
		margin: 1.5em auto;
	}
	
	a.learn-more-btn {
		width: 90%;
	}
}

@media only screen and (max-width: 1250px) {
	h1 {
		font-size: 50px;
	}
	
	.headerTop {
		height: 390px;
	}
}

@media only screen and (max-width: 1140px) {
	.headerStripTxt {
    	padding: 1em 3.5em;
	}
}

@media only screen and (max-width: 1024px) {
	#header {
		background: url('http://media.mercola.com/assets/images/nitric-oxide-dump/nitric-oxide-dump-bg-tab.jpg');
		background-size: cover;
	}
	
	.subHead {
    	margin-top: 20px;
	}
	
	.video-wrap {
		width: 50%;
	}
	
	a.learn-more-btn {
		font-size: 26px;
	}
}

@media only screen and (max-width: 980px) {
	.headerStrip {
		width: 70%;
	}
	
	.intro, .content {
		padding: 2em 10em;
	}
}

@media only screen and (max-width: 890px) {
	#header-error {
		background: url('http://media.mercola.com/assets/images/nitric-oxide-dump/nitric-oxide-dump-bg.jpg');
		background-size: cover;
		background-position: center;
	}
	
	.subHead {
		font-size: 30px;
	}
	
	.video-wrap {
		width: 60%;
	}
	
	.headerTop {
    	padding: 2.5em;
	}
}

@media only screen and (max-width: 770px) {
	.intro, .content {
		padding: 2em 7em;
	}
	
	.video-wrap {
		width: 70%;
		margin: auto;
		float: none;
	}
	
	.headerStrip {
		width: 75%;
	}
	
	.subHead {
		font-size: 28px;
	}
	
	#bodyvid {
    	width: 80%;
	}
	
	a.learn-more-btn {
		font-size: 24px;
	}
}

@media only screen and (max-width: 735px) {
	h1 {
		font-size: 45px;
	}
	
	.subHead {
		font-size: 24px;
	}
	
	.headerStrip {
	    left: -5%;
	}
}

@media only screen and (max-width: 700px) {
	#header {
		background: url(http://media.mercola.com/assets/images/nitric-oxide-dump/nitric-oxide-dump-bg.jpg);
		background-size: cover;
		background-position: center;
	}
	
	.video-wrap {
		display: none;
	}
	
	.video-wrap-mob {
		display: block;
		width: 80%;
		margin: 2.5em auto;
	}
	
	.headerTop {
		height: 220px;
	}
	
	.headerStrip {
		width: 90%;
	}
}

@media only screen and (max-width: 568px) {
	h1 {
		font-size: 35px;
	}
	
	.subHead {
		font-size: 19px;
		margin-top: 7px;
	}
	
	.headerStrip {
		top: -35px;
		height: 40px;
	}
	
	.headerStripTxt {
		padding: 1em 3.5em 0.5em;
	}
	
	.intro, .content {
		padding: 2em 5em;
	}
}

@media only screen and (max-width: 414px) {
	.headerTop {
		padding: 0;
		height: 160px;
	}
	
	.headerStripTxt {
		padding: 1em 1.5em 0.5em;
	}
	
	.video-wrap-mob {
    	width: 90%;
		margin: 1.5em auto;
	}
	
	h1 {
		font-size: 28px;
	}
	
	h2 {
		font-size: 22px;
	}
	
	p {
		font-size: 16px;
	}
	
	.subHead {
		font-size: 16.5px;
		margin-top: -2px;
	}
	
	.intro, .content {
		padding: 1.5em 3em;
	}
	
	#bodyvid {
		width: 100%;
	}
	
	a.learn-more-btn {
		width: 100%;
		font-size: 20px;
	}
	
	img.infographic {
    	max-width: 100%;
	}
	
	.learn-more {
		font-size: 17px;
		margin: 1.5em 0;
	}
	
	.large-12.columns#errorWrap, .large-12.columns#mainTWrap {
		padding: 3em 2em;
	}
	
	.errorTop, .maintTop {
		font-size: 8em;
		line-height: 120px;
	}
	
	.errorHead, .maintHead {
		font-size: 1.5rem;
		line-height: normal;
	}
	
	.errorBody p, .maintBody p {
		font-size: 1.2em;
		line-height: normal;
	}
	
	.errorBody hr, .maintBody hr {
		max-width: 100%;
	}
}

@media only screen and (max-width: 375px) {
	h1 {
		font-size: 24px;
	}
	
	.subHead {
    	font-size: 19px;
	}
	
	.headerStrip {
		width: 80%;
	}
	
	.headerStripTxt {
		padding: 0.5em 1.5em 0.5em;
	}
	
	.headerStrip {
		top: -30px;
		height: 40px;
	}
	
	.headerStripTxt {
		padding: 0.5em 1.5em 0em;
	}
	
	.errorTop, .maintTop {
		font-size: 7em;
		line-height: 100px;
	}
	
	.errorHead, .maintHead {
		font-size: 1.3rem;
	}
	
	.errorBody p, .maintBody p {
		font-size: 1em;
	}
}

@media only screen and (max-width: 358px) {
	h1 {
    	font-size: 24px;
	}
	
	.headerStrip {
		width: 95%;
	}
	
	.subHead {
		line-height: normal;
	}
	
	.intro, .content {
		padding: 1.5em;
	}
	
	footer {
		padding: 1.8em;
	}
}




.gdpr-container {
    display: block;
    position: fixed;
    bottom: 0;
    background: #F1F2F2;
    z-index: 99999999!important;
    padding: 14px;
    max-width: 360px;
    border-radius: 5px;
    margin: 8px;
    border: 1px solid #c5c5c5;
    box-shadow: 0 3px 2px rgba(146, 144, 144, .5)
}

.off-canvas-wrap.move-right .gdpr-container {
    display: none
}

.gdpr-container .close-button {
    position: static;
}

.gdpr-container .close-button p {
    margin: 0
}

.gdpr-container .close-button p a {
    padding-bottom: 1px;
    position: absolute;
    right: 10px;
    border-radius: 50%;
    color: #fff;
    width: 20px;
    background-color: #9e9c9c;
    text-align: center;
    line-height: 20px;
    text-transform: lowercase!important;
    font-weight: 700;
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
}

.gdpr-container .close-button p a:hover {
    background-color: #8c8c8c
}

.gdpr-container>p {
    padding-right: 25px
}

.gdpr-container p {
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    font-size: 13px !important;
    font-weight: 700;
    color: #3c3c3c;
    line-height: 18px !important;
}

.gdpr-container .agree-button {
    text-align: center
}

.gdpr-container p a {
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    color:#0869BD;
    text-decoration: none;
}

.gdpr-container .agree-button p {
    padding-bottom: 2px;
    margin: 0
}

.gdpr-container .agree-button a {
    color: #fff!important;
    font-size: 13px;
    background-color: #0869BD;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    text-decoration: none;
    font-family: Arial, "Helvetica Neue", Helvetica, Roboto, sans-serif;
    padding: 6px 24px;
    border-radius: 5px
}

.gdpr-container .agree-button p a:hover {
    background: #065497
}

@media(min-width:990px) {
    .gdpr-container {
        margin: 0 35px 35px
    }
}