html {background-color: #0c3143;
	background-image: url(images/bkg-texture.jpg);
	background-position: left top;
	font-size: 0.875rem;}

body {
	margin: 20px;
	background-color: #000209;
	background-image: url(images/content-bkg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	border: 6px solid #e1ebf4;
	box-shadow: 0px 4px 8px rgba(0 0 0 0.5);
	font-family: "Exo 2400", Arial, Helvetica, sans-serif;
	color: #e1ebf4;}

/*headers*/

header {padding: 0 80px;}

header h1 {padding-top: 60px;
			font-family: "Exo 2", Arial, Helvetica, sans-serif;
			font-weight: 700;
			font-style: italic;
			font-size: 3rem;
			line-height: 1em;
			color: #FFF;
			text-transform: uppercase;}

header h2 {font-family: "Exo 2", Arial, Helvetica, sans-serif;
			font-weight: 400;
			font-size: 1.34rem;
			line-height: 1.1em;
			letter-spacing: 0.05em;
			color: #859aaf;}

h1 {margin: 0;
	font-weight: normal;}

h2 {margin: 0;
	font-weight: normal;}

/*section*/

section h1 {font-family: "Exo 2", Arial, Helvetica, sans-serif;
			font-weight: 800;
			font-size: 4.8rem;
			text-shadow: 1px 1px 0px #83898f, -1px -1px, 0px #fff;}

section h2 {font-family: "Exo 2", Arial, Helvetica;
			font-weight: 800;
			font-size: 2rem;
			color: #7b99b8;
			margin: 1.5em 0 0.2em;}

section {padding: 140px 80px 40px;}

section p {margin: 0 0 1em;
			line-height: 1.52rem;
			max-width: 38em;}

section p first-of-type {font-size: 1.5rem;
						max-width: 35em;}

section em {font-size: normal;
			background-color: rgba(243 228 109 0.7;)
			color: #121200;
			padding: 0.1em;}

/*class*/

.content-image {margin: 0 10px 30px;
				float: right;
				width: 300px;}

.content-image img  {border: 2px solid #e1ebf4;
					border-radius: 10px;}

.content-image figcaption {font-family: "Exo_2" Arial, Helvetica, sans-serif;
							font-weight: 300;
							font-style: italic;
							font-size: 0.8rem;}

footer {background-color: #d4e0ec;
		font-size: 0.8em;
		color: #051924;
		margin: 80px 0 0;
		padding: 60px 80px 20px;
		border-top: 6px solid #8ba0b5;
		box-shadow: 0 3px 6px rgba(0 0 0 0.5);
		clear: both;}

footer p {margin: 0 0 0.5em;}

/*links*/

a: link {color: #069;}

a: visited {color: #036;}

a: hover {color: #09c;}

a: active {color: #0cf;}