body, html {
  height : 100%;
  
  font-family : sans-serif;
}

.parallax 
  [class*="bg__"] {
    position : relative;

    height :50vh;

    text-indent : -9999px;

    background-attachment : fixed;
    background-position   : top center;
    background-size       : cover;
  }
  .parallaximages
    [class*="bg__"] {
    position : relative;

    height:50vh;
   
    text-indent : -9999px;

    background-attachment : fixed;
    background-position   : top center;
    background-size       : cover;
  }
    &:nth-child( 2n ) {
      box-shadow : inset 0 0 1em #111; 
    }
  
  
  .bg__foo, .bg__bazz {
    height : 100vh;
  }
  
  .bg__foo {
    background-image: url("http://mohavewebdesign.com/melissa/cryptobook_bags/school/AuthoringII/images/clouds.png");
  }

  .bg__bar {
    background-image : url("http://mohavewebdesign.com/melissa/cryptobook_bags/school/AuthoringII/images/animated-arrow-image-0269.gif");
  }

  .bg__baz {
    background-image : url("http://mohavewebdesign.com/melissa/cryptobook_bags/school/AuthoringII/images/clouds.png")
  }

  .bg__bazz {
    background-image: url("http://mohavewebdesign.com/melissa/cryptobook_bags/school/AuthoringII/images/background_clouds1.png"); 
  }
  
  .bg__break {
    box-shadow : inset 0 0 1em #111; 
    
    background-image : url("http://mohavewebdesign.com/melissa/cryptobook_bags/school/AuthoringII/images/background_clouds1.png"); 
  }
  
  .capture {
    float: right;
    width: 200px;
    padding: 1em;
    margin: -1.5em 1em 0 0;
    font-size: 1.4em;
    text-indent: 0;
    background-color: #f3f3f3;
    box-shadow: 0 1px 0.125em #333;
    color: #0F2CC6;
    text-shadow: 1px 1px #FF8500;
  }


article 
  .container {
    width : 600px;
    
    margin : 0 auto;
  }
  header {
    position : relative;
    
    margin : -5em 0 0 0;
    padding : 1em;
    
    text-align : left;
    font-size : 2em;
    
    color : #333;
    background-color :  #ffffff;
  }
  
  h1, h2 {
    margin : 0 0 0.333em;
  }
  
  section {
    padding : 3em;
  }
  
    
    &.parallax {
      margin  : 0;
      padding : 0;
    }
  
a  &:visited, &:active {
    color : #f66;
  }