html {
background-color: #0c3143;
background-image: url(bkg-texture.png);
background-position: left top; 
font-size: 14px;
}
body {
width: 1068px;
margin: 20px auto;
background-color: #000209;
background-image: url(content-bkg.png);
background-position: center top; 
background-repeat: no-repeat;
border: 6px solid #e1ebf4;
box-shadow: 0 4px 8px rgba(0,0,0,0.5);
font-family: "exo 2", Arial, Helvetica, sans-serif;
color: #e1ebf4;
}

a:link { 
    color:  #fbdb65;
}
a:visited {
    color: #bab3b2;
}
a:hover {
  color:#fd8e2f;
}
a:active {
    color:#fce17e;
}
h1, h2{
    margin: 0;
}
header {
padding: 0 80px;
}
header h1 {
padding-top: 60px;
font-weight: bold;
font-style: italic; 
font-size: 3em; 
line-height: 1em; 
color:  #FFF;
text-transform: uppercase
}
header h2 {
font-weight: 400;
font-style: normal;
font-size: 1.34em;
line-height: 1.1em; 
letter-spacing: 0.05em; 
color: #859aaf;
}
section h1 {
font-weight: 800;
 font-style: normal; 
 font-size: 4.8em;
text-shadow: 1px 1px 0 #83898f,-1px -1px Opx #fff;
}
section h2 {
font-weight: 700;
font-style: normal;
font-size: 2em; 
color: #7B99B8;
margin: 1.5em 0 0.2em
}
section {
padding: 140px 80px 40px;
}
section p {
margin: 0 0 1em; 
line-height: 1.52em; 
max-width: 38em;
}
Section p:first-of-type {
font-size: 1.5em; 
max-width: 35em;
}
section em {
font-style: normal; 
background-color: rgba(243,228,109,0.7);
color: #121200;
padding: 0.1em;
}
.content-image {
margin: 0 10px 30px;
float: right; 
width: 300px;
}

img, .content-image {
border: 2px solid #e1ebf4; 
border-radius: 10px
}
figcaption, .content-image {
font-size: 0.8em;
font-weight: 300;
font-style: italic;
}
footer{
background-color: #D4E0EC;
font-size: 0.8em;
color: #051924;
margin: 80px 0; 
padding: 60px 80px 20px; 
border-top: 6px solid #8BA0B5;
box-shadow: inset 0 3px 6px rgba(0,0,0,0.5);
clear: both;
}

footer a:link { 
    color:  #069;
}
footer a:visited {
    color: #036;
}
footer a:hover {
  color:#09c;
}
footer a:active {
    color:#0cf;
}
footer p {
margin: 0 0 0.5em;
}