*, ::after, ::before {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on;
}

@font-face {font-family: 'NocturneSerif-Bold';src: url('33FFD1_0_0.eot');src: url('33FFD1_0_0.eot?#iefix') format('embedded-opentype'),url('33FFD1_0_0.woff2') format('woff2'),url('33FFD1_0_0.woff') format('woff'),url('33FFD1_0_0.ttf') format('truetype');}

@font-face {font-family: 'ProximaNova-Regular';src: url('388D8A_2_0.eot');src: url('388D8A_2_0.eot?#iefix') format('embedded-opentype'),url('388D8A_2_0.woff2') format('woff2'),url('388D8A_2_0.woff') format('woff'),url('388D8A_2_0.ttf') format('truetype');}

@font-face {font-family: 'ProximaNova-Bold';src: url('388D8C_2_0.eot');src: url('388D8C_2_0.eot?#iefix') format('embedded-opentype'),url('388D8C_2_0.woff2') format('woff2'),url('388D8C_2_0.woff') format('woff'),url('388D8C_2_0.ttf') format('truetype');}

body {
	font: 16px/1.5 'ProximaNova-Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-color: #fff;
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, left top, right top, from(#0fffcb), to(#001629));
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(left, #001629, #125D86);
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #001629, #125D86);
	/* IE 10 */
	background: -ms-linear-gradient(left, #001629, #125D86);
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, #001629, #125D86);
	text-align: center;
}

bold {
	font-family: 'ProximaNova-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.darkblue {
	color: #093B56;
}

p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.6em;
	text-align: left;
	margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'NocturneSerif-Bold', Times, 'Times New Roman', serif;
	color: #fff;
	-webkit-font-smoothing: antialiased; 
	text-align: left;
	font-weight: normal;
}

h1 {
    font-size: 4.5em;
    line-height: 1.2em;
	margin-top: 2.5em;
}

h2 {
	font-size: 3em;
	line-height: 1.3em;
}

h3 {
	font-size: 1.5em;
	margin-top: .3em;
	margin-bottom: 2em;
	padding: 0 28% 0 28%;
}

h4 {
	font-size: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 0;
}

ul, ol, dl, blockquote {
    margin-top: 0;
    margin-bottom: 0;
}

a, a:visited {
	font-family: 'ProximaNova-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #093B56;
	text-decoration: underline;
}

a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.nav {
	background-color: #fff;
	width: 100%;
	height: 36px;
	text-align: center;
	padding-top: 18px;
}

.nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline-block;
}

.nav li {
	font-family: 'ProximaNova-Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 2px;
	line-height: 1.5em;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	display: inline;
	float: left;
	margin: 0 3em;
}

.nav li a {
	color: #001629;
	text-decoration: none;
	display: block;
	padding-left: 28px;
}

.nav li a:hover {
	opacity: .5;
}

.container {
	width: 960px;
	height: auto;
	text-align: center;
	display: inline-block;
}

#hero {
	background-image: url("../images/tyrone-ross-portrait-hero.jpg");
	background-size: cover;
	background-position: top;
}

.hero-404 {
	background-image: url("../images/tyrone-ross-404.jpg");
	background-size: cover;
	background-position: center center;
	height: 100vh;
}

.hero-404 h1 {
	margin-top: 400px;
}

.half {
	width: 46%;
	min-height: 400px;
	display: inline-block;
	float: left;
}

.half-nomargin {
	width: 46%;
	min-height: 400px;
	display: inline-block;
	float: left;
	padding: 0;
}

.half-nomargin-right {
	width: 47.2%;
	min-height: 400px;
	display: inline-block;
	float: right;
	padding: 0;
}

.half:first-child {
	padding-right: 2em;
}

.half:last-child {
	padding-left: 2em;
}

.big-v-space {
	margin-top: 340px;
}

.medium-v-space {
	margin-top: 232px;
}

.small-v-space {
	margin-top: 110px;
}

.picture-bw {
	background-image: url("../images/tyrone-ross-portrait-bw.jpg");
	background-size: cover;
	background-position: bottom;
}

.portrait-bw {
	border: 1px solid red;
	height: 670px;
}

/* Media Queries */

/* Desktop Big Screen */
@media (min-width: 1441px) {

}

@media (max-width: 900px) {
 
}

/* Tablet */
@media (max-width: 1136px) and (min-width: 769px) {

}

/* Tablet */
@media (max-width: 768px) and (min-width: 641px) {

.container {
	width: 90%;
	display: inline-block;
}

.half {
	width: 45%;
	min-height: 400px;
	display: inline-block;
	float: left;
}

.half:first-child {
	padding-right: 2em;
}

.half:last-child {
	padding-left: 2em;
}

footer {
	margin-top: 200px;
}

}

/* Mobile */
@media (max-width: 640px) and (min-width: 481px) {  



}

/* Mobile */
@media (max-width: 480px) and (min-width: 321px) {  
  
h1 {
    font-size: 2.8em;
    line-height: 1.2em;
	margin-top: 2.5em;
}

h2 {
	font-size: 2.2em;
	line-height: 1.3em;
}

#section4 {
	height: auto;
}

.nav {
	width: 100%;
	height: 36px;
	text-align: center;
	padding-top: 1.4em;
}

.nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline-block;
}

.nav li {
	font-size: .8em;
	letter-spacing: 2px;
	display: inline;
	float: left;
	margin: 0 1em;
}

.nav li a {
	display: block;
	padding-left: 1em;
}

.container {
	width: 90%;
	display: block;
	overflow: hidden;
	padding-left: 1em;
	padding-right: 1em;
}

.hero-404 h1 {
	margin-top: 300px;
}

.half {
	min-height: 200px;
	width: 100%;
	display: block;
}

.half-nomargin {
	width: 100%;
}

.half-nomargin-right {
	width: 100%;
}

.half:first-child {
	padding-right: 0;
}

.half:last-child {
	padding-left: 0;
}

.half picture-bw {
	padding: 0;
}

.big-v-space {
	margin-top: 40px;
}

.medium-v-space {
	margin-top: 40px;
}

.small-v-space {
	margin-top: 40px;
}

footer {
	margin-top: 200px;
}
  
}

/* Mobile */
@media (max-width: 320px) and (min-width: 0px) { 

h1 {
    font-size: 2.4em;
    line-height: 1.2em;
	margin-top: 2.5em;
}

h2 {
	font-size: 1.9em;
	line-height: 1.3em;
}

#section4 {
	height: auto;
}

.nav {
	width: 100%;
	height: 36px;
	text-align: center;
	padding-top: 1.4em;
}

.nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	display: inline-block;
}

.nav li {
	font-size: .7em;
	letter-spacing: 2px;
	display: inline;
	float: left;
	margin: 0 1em;
}

.nav li a {
	display: block;
	padding-left: 1em;
}

.container {
	width: 90%;
	display: block;
	overflow: hidden;
	padding-left: 1em;
	padding-right: 1em;
}

.hero-404 h1 {
	margin-top: 230px;
}

.half {
	min-height: 200px;
	width: 100%;
	display: block;
}

.half-nomargin {
	width: 100%;
}

.half-nomargin-right {
	width: 100%;
}

.half:first-child {
	padding-right: 0;
}

.half:last-child {
	padding-left: 0;
}

.half picture-bw {
	padding: 0;
}

.big-v-space {
	margin-top: 40px;
}

.medium-v-space {
	margin-top: 40px;
}

.small-v-space {
	margin-top: 40px;
}

footer {
	margin-top: 200px;
}
  
}