/* || General Setup */

@import url('https://fonts.googleapis.com/css?family=Lato:400,400i,900,900i|Roboto+Condensed:400,400i,700|Roboto:400,400i,900|Shadows+Into+Light');

html {
    margin: 0;
    padding: 0;
    font-size: 16px;
    background-color: #FFFFFF;
}

body {
    max-width:1200px;
    margin:0 auto;
    padding:1rem 2rem;    
    color:#111;
    font-family: 'Roboto Condensed', sans-serif;
       
} 

header {
    border-bottom: .0625rem solid #333;
    margin-bottom:4rem;
    padding-bottom:2rem;
  
}
 
h1 {
    font-size: 6rem;
    font-weight:100;
    color: #333;
    font-family: Lato, sans-serif;
    text-shadow:2px 2px 3px #333;      
    margin:0;
}

h1 span {
    color:#8C2B3F;
}

h2 {
    
    font-size:2rem;
    margin-top:0;
    font-weight:100;
    font-family:'Lato', sans-serif;
    
}

p, li {
  font-size: 1rem;
  line-height: 1.5;
}

blockquote {
    
    border-top:.0625rem solid #333;
    border-bottom:.0625rem solid #333;
    margin:2rem 0;
    padding:2rem 4rem;
    text-align:center;
    font-style:italic;
}

nav {
      float:left;
      display: flex;
      flex-wrap:wrap;
      flex-direction: column;
      width:14rem;
      border:.0625rem solid #333;
      background-color:#8FB0D0;
      position:fixed;
}

nav img {
    width:100%;
    border-bottom:.0625rem solid #333;
}

nav p {
    margin:0;
    padding:1rem;
    font-size:.75rem;
    background-color:#242F40;
    color:#B1BED3;
    border-top:.0625rem solid #333;
}

nav p a {
    
    color:#B1BED3;
}

nav p a:hover,
figcaption a:hover {
    color:#495F83;
    text-decoration:none;
}

nav ul {
    border-bottom:.0625rem solid #333;
    list-style-type:none;
    margin:0;
    padding:0;
}

nav ul a {
    display: block;
    font-size: 1.5rem;
    line-height: 1.7;
    padding:.75rem 1.25rem;
    text-decoration: none;
    color: #333;
    font-family:'Roboto', sans-serif;
}

nav :nth-child(2) {
    margin-top:0;
}

nav a:hover {
  color:#FFF;
    background-color:#333;
}

nav a:active {
    color:#FFF;
    font-style: italic;
    background-color:#333;
}

/* || main layout */

main {
    padding-left:2%;
    padding-right:2%;
    margin-left:14rem;
}

section {
    margin-bottom:.5%;
}

aside {
    display:flex;
}

figure {
    
    background-color:#242F40;
}

/* || Media */

.fig-1 {
    
    width:49%;
    margin-left:0;
    margin-right:1%;
}

.fig-2 {
    
    width:49%;
    margin-right:0;
    margin-left:1%;
}

figure img {
  width: 100%;
  margin:0;   
}

figcaption {
    font-size:.75rem;
    padding:.5rem;
    margin:0;
    background-color:#242F40;
    color:#B1BED3;
}

figcaption a {
    
    font-size:.75rem;
    color:#B1BED3;
}

figure video,
figure iframe {
    border:none;
    background-color:#000;
}

/* || Written Content */

article {
  margin:0;
}

article>p {
  margin-top:0;
}

article>p>a {
    
    color:darkblue;
}

/* || Footer Layout */

footer {
    clear:both;
    overflow:auto;
    margin:3% 2%;
    border-top: 1px solid #333;
}

.copyright {
    font-size:.75rem;
    text-align:right;
}

footer a {
    font-size:.75rem;
    color:darkblue;
}

article p a:hover,
footer a:hover {
  text-decoration:none;
  color:#495F83;
}

.return {
    font-size:.75rem;
    float:left;
}