@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@600&display=swap");

.underline {
	text-decoration: underline;
}
​
body {
	font-family: "Noto Serif", serif;
}
​
header {
	font-family: "Noto Sans", sans-serif;
}

h1.headline-control {
	font-family: "Noto Sans", sans-serif;
	font-weight: 900;
	font-size: 3.3em;
	line-height: 1.3em;
	letter-spacing: 0;
	text-align: center;
	max-width: 900px;
	margin: .5em auto .5em auto;
	color: white;
	transition: all 0.2s;
}

h5.subhead {
    width: 100%;
    max-width: 800px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-weight: 600;
    font-style: normal;
    font-size: 100%;
    color: #c1272d;
    line-height: 33px;
    text-align: center;
    padding: 10px 0px;
}

header .eyebrow p {
	color: #9A3324;
	text-transform: uppercase;
	font-size: 25px;
	line-height: 1em;
	text-align: center;
}

@media screen and (max-width: 768px) {
	header .eyebrow p {
		font-size: 24px;
	}
}
@media screen and (max-width: 414px) {
	header .eyebrow p {
		font-size: 22px;
	}
}
@media screen and (max-width: 375px) {
	header .eyebrow p {
		font-size: 20px;
	}
}
@media screen and (max-width: 320px) {
	header .eyebrow p {
		font-size: 18px;
	}
}
header .headline {
	background: url('https://s3.amazonaws.com/assets.smartestinvestmentstrategy.com/webinar/promo/0323/images/bg.png');
}
header .subsub {
	background: linear-gradient(90deg, #C1272D 0%, #43210B 100%);
}
header .subsub p {
	font-family: 'Source Sans Pro', sans-serif;
	color: white;
	font-size: 25px;
	text-align: center;
}
@media screen and (max-width: 768px) {
	header .subsub p {
		font-size: 22px;
	}
}
@media screen and (max-width: 414px) {
	header .subsub p {
		font-size: 17px;
	}
}
@media screen and (max-width: 375px) {
	header .subsub p {
		font-size: 15px;
	}
}
@media screen and (max-width: 320px) {
	header .subsub p {
		font-size: 13px;
	}
}
header .blue-spacer {
	background-color: #1E3E58;
	margin-top: -20px;
	height: 20px;
}
@media screen and (max-width: 1198px) {
	header .blue-spacer {
		margin-top: -17px;
		height: 17px;
	}
}
@media screen and (max-width: 990px) {
	header .blue-spacer {
		margin-top: -13px;
		height: 13px;
	}
}
@media screen and (max-width: 768px) {
	header .blue-spacer {
		margin-top: -12px;
		height: 12px;
	}
}
@media screen and (max-width: 414px) {
	header .blue-spacer {
		margin-top: -15px;
		height: 15px;
	}
}
@media screen and (max-width: 375px) {
	header .blue-spacer {
		margin-top: -13px;
		height: 13px;
	}
}
@media screen and (max-width: 320px) {
	header .blue-spacer {
		margin-top: -11px;
		height: 11px;
	}
}
footer p {
	font-size: 12px;
	color: #999;
}