html {
   background-color: #0c3143;
   background-image: url(images/bkg-textureopt.png);
   background-position: left top;
   font-size: 14px;
}

body {
   width: 1068px;
   margin: 20px auto;
   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 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 */
header {
   padding:0 80px;
}

header h1 {
   padding-top: 60px;
   font-weight: 700;
   font-style: italic;
   font-size: 3em;
   line-height: 1em;
   color: #fff;
   text-transform: uppercase;
}

header h2 {
   font-weight: 400;
   font-size: 1.34em;
   line-height: 1.1em;
   letter-spacing: 0.05em;
   color: #859aaf;
}
/* header end */

/* section start */
section h1 {
   font-weight: 800;
   font-size: 4.8em;
   text-shadow: 1px 1px 0px #83898f, -1px -1px 0px #fff;
}

section h2 {
   font-weight: 700;
   font-size: 2em;
   color: #7b99b8;
   margin: 1.5em 0 .02em;
}

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

section p {
   margin-bottom: 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;
}
/* section end */

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

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

.content-image figcaption {
   font-weight: 300;
   font-style: italic;
   font-size: 0.8em;
}
/* end picture stuff */

/* foot stuff */
footer {
   background-color: #d4e0ec;
   font-size: 0.8em;
   color: #051924;
   margin: 80px 0 0 0;
   padding: 60px 80px 20px;
   border-top: 6px solid #8ba0b5;
   box-shadow: inset 0px 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 0.5em;
}
/* end foot stuff */