.btn-glass {
	  flex-grow: 1;
	  text-align: center;
	  display: inline-block;
	  //color: fade(white, 70%);
	  color: white;
	  text-decoration: none;
	  padding: 1em 2em;
	  font-family: Lato;
	  font-weight: 300;
	  border: 2px dotted white;
	  letter-spacing: 0.98pt;
	  text-transform: uppercase;
	  //text-shadow: 0 0 5px black;
	  }
  
	  a:hover {
	    background-position: -100vw 0, 0 0;
	    background-color: #000111;
	    border-style: solid;
	  }
	  
	  a:active {
	    background-position: -75vw 0, 0 0;
	    border-style: solid;
	  }
	  
         .nav-dark {
	  background-color: #444;
	}
	
	nav.btn-bar {
	  display: flex;
	  justify-content: flex-end;
	  flex-wrap: wrap;
	}
	

	body { 
	  width: 75vw;
	  margin: 4em auto;
	  line-height: inherit;
	  	  display: -webkit-box;
	  	  display: -webkit-flex;
	  	  display:    -moz-box;
	  	  display: -ms-flexbox;
	  	  display:         flex;
	  	  -ms-flex-pack: center;
	  	  -ms-flex-align: center;*/
	  	  padding: 30px;
	  	  min-height: 100vh;
	  	  width: 100%;
	  	  background-image: url('./../image/BBC_Background1.jpg');
	  	  background-attachment: scroll;
	  	  background-position: center center;
	  	  background-clip: border-box;
	  	  background-origin: padding-box;
	  	  background-size: cover;
	  	  background-repeat: no-repeat;
	  
	  	  background-blend-mode: normal;
	  	  -webkit-box-pack: center;
	  	  -webkit-justify-content: center;
	  	     -moz-box-pack: center;
	  		  justify-content: center;
	  	  -webkit-box-align: center;
	  	  -webkit-align-items: center;
	  	     -moz-box-align: center;
		  align-items: center;*/
	}
	
	article {
	  padding: 0;
	  border: 2px solid Black;
	  border-radius: 2px;
	  box-sizing: border-box;
	  background-color: white;
	  box-shadow: 0 1ex 1em fade(black, 30%);
	}
	
	article + article {
	  margin-top: 4em;
	}
	
	article section {
	  margin: 2em;  
	}
	
	article>section>h2 { font-family: 'Lato'; font-weight: 800; font-size: 1.3em; margin-bottom: 0.8em; }
	article>section>p { margin-bottom: 1em; text-indent: 2ch; }
	article>section>p:first-child,
	article>section>h2+p { text-indent: 0; }
	h1 {
	  font-family: 'Lato'; font-weight: 800; text-align: center;
	  font-size: 75vw/15;
	  color: fade(white, 30%);
}

@media (max-width: 575px) {

	.btn-glass {
	  flex-grow: 1;
	  text-align: center;
	  display: inline-block;
	  //color: fade(white, 70%);
	  color: white;
	  text-decoration: none;
	  padding: 1em 2em;
	  font-family: Lato;
	  font-weight: 300;
	  border: 2px dotted white;
	  letter-spacing: 0.98pt;
	  text-transform: uppercase;
	  //text-shadow: 0 0 5px black;
      width: 6em;
	  }
  
	  a:hover {
	    background-position: -100vw 0, 0 0;
	    background-color: #000111;
	    border-style: solid;
	  }
	  
	  a:active {
	    background-position: -75vw 0, 0 0;
	    border-style: solid;
	  }
	  
         .nav-dark {
	  background-color: #444;
	}
	
	nav.btn-bar {
            width: 10em;
            text-align: center;
            padding: 3em;
            text-decoration: none;
            display: block;
	}
	

	body { 
	  width: 75vw;
	  margin: 4em auto;
	  line-height: inherit;
	  	  display: -webkit-box;
	  	  display: -webkit-flex;
	  	  display:    -moz-box;
	  	  display: -ms-flexbox;
	  	  display:         flex;
	  	  -ms-flex-pack: center;
	  	  -ms-flex-align: center;*/
	  	  padding: 30px;
	  	  min-height: 100vh;
	  	  width: 10%;
	  	  background-image: url('./../image/BBC_Background1.jpg');
	  	  background-attachment: scroll;
	  	  background-position: center center;
	  	  background-clip: border-box;
	  	  background-origin: padding-box;
	  	  background-size: cover;
	  	  background-repeat: no-repeat;
	  
	  	  background-blend-mode: normal;
	  	  -webkit-box-pack: center;
	  	  -webkit-justify-content: center;
	  	     -moz-box-pack: center;
	  		  justify-content: center;
	  	  -webkit-box-align: center;
	  	  -webkit-align-items: center;
	  	     -moz-box-align: center;
		  align-items: center;*/
	}
	
	article {
	  padding: 0;
	  border: 2px solid Black;
	  border-radius: 2px;
	  box-sizing: border-box;
	  background-color: white;
	  box-shadow: 0 1ex 1em fade(black, 30%);
	}
	
	article + article {
	  margin-top: 4em;
	}
	
	article section {
	  margin: 2em;  
	}
	
	article>section>h2 { font-family: 'Lato'; font-weight: 800; font-size: 1.3em; margin-bottom: 0.8em; }
	article>section>p { margin-bottom: 1em; text-indent: 2ch; }
	article>section>p:first-child,
	article>section>h2+p { text-indent: 0; }
	h1 {
	  font-family: 'Lato'; font-weight: 800; text-align: center;
	  font-size: 75vw/15;
	  color: fade(white, 30%);
}

}