body {

	background:#FFFFFF url(belgian-beer-tasting-background.png) no-repeat center center fixed; 
	background-size:100% auto;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
	line-height: 1.5em;
	font-size:14px;
	font-family: Arial;
	font-weight: normal;
}


						
												
									@font-face {
									font-family: beer;
											src: url(beer.ttf),
												url('beer.ttf')  format('truetype'),
												url('myfont-webfont.eot?#iefix') format('embedded-opentype');
												}
												
									@font-face {
									font-family: pcrawl;
											src: url(pubcrawl.ttf),
												url('pubcrawl.ttf')  format('truetype'),
												url('myfont-webfont.eot?#iefix') format('embedded-opentype');
												}

/*background*/

											
img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}
											
											
									
									.stepbox{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
									
									.stepboxmargin{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 12px;
									margin-bottom: 12px;}
									
									
									.stepboxmargin2{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 12px;
									margin-bottom: 0px;}
									
									
									.stepboxmargin3{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 0px;
									margin-bottom: 0px;}
									
									.stepboxmargin4{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 18px;
									margin-bottom: 0px;}
									
									/*11 and 13 */
									
									.stepboxmarginc{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 12px;
									margin-bottom: 12px;}
									
									

									
									
									
									p.steptitle{
									font-family: arial;
									font-size: 130%;
									color: black;
									text-align: center;
									}
									
									
									.vcenter {
										display: inline-block;
										vertical-align: middle;
										float: none;
															}
									
									.col-centered{
											float: none;
											margin: 0 auto;
										}

									
									.round{
									opacity: 1.0;
									color: green;
									border-radius: 200px;
									text-align: center;
									
									}
									
									.nb{
									
									border: none;

									padding: 50px;}
									
									
									p.title {
									
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 300%;
									font-family: beer;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
									}
									
									h1{
									
									font-weight: 300;
									color: white;
									line-height: 100%;
									font-size: 300%;
									font-family: beer;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(000, 000, 000, 0.7);
									}
									
									p.titlebis {
									
									font-weight: 100;
									color: white;
									line-height: 100%;
									font-size: 300%;
									font-family: waffle;
									text-align: center;
		
									}
									
									p.beerexp{
										
									font-family: beer;
									color: black;
									font-size: 200%;
									text-align: center;
										
									}
									
									p.beerexp2{
									font-family: pcrawl;
									font-size: 200%;
									text-align: center;
									color:#FF6900;
									}
									
									p.title2l {
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 200%;
									text-align: left;
									font-family: beer;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									margin-top: 10px;
									}
									

									
									
									
									p.title2c {
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 200%;
									font-family: beer;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									}
									
									p.light{
									background-color : background-color: rgba(255,  255,  255,  0.8);background: rgba(255,  255,  255,  0.8);color: rgba(255,  255,  255,  0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									text-align: center; 
									margin: 10px;
									font-family: arial;
									color: black;
									font-weight: 500;
									font-size: 130%;
									padding: 5px;
									
									}
									
									
									p.qst {
									font-family: beer;
									font-weight: 300;
									color: #FF6A00;
									line-height: 100%;
									font-size: 200%;
									text-align: left;
									text-shadow: background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									margin-top: 10px;
									margin-left: 5px;
									}
									
									p.ans {
									font-weight: 200;
									color: #000000;
									line-height: 120%;
									font-size: 120%;
									text-align: left;
									font-family: arial;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									margin-top: 0px;
									margin-left: 10px;
									}
									
									
									p.normal{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 140%;
									}
									
									p.normal2{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 140%;
									
									}
									
									p.normal211{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 140%;}
									
									
									p.normal22{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 140%;
									}
									
									
									
									p.normalleft{
									text-align: left;
									font-family: arial;
									font-size: 130%;
									color: black;
									padding-left: 8px;
									padding-right: 8px;}
									
									p.revtitle{
									
									text-align: left;
									font-family:arial;
									color:black;
									padding-left: 15px;
									font-size: 140%;
									line-height: 30%;
									
									}
									
									p.revtitlexs{
									
									text-align: left;
									font-family:arial;
									color:black;
								
									font-size: 140%;
								
									
									}
									
									p.revcore{
									text-align:left;
									font-family:arial;
									color:black;
									padding-left: 25px;
									font-size: 110%;
									line-height: 100%;
									
									}
									
									p.revppl{
									
									text-align:right;
									font-family:arial;
									color:black;
									padding-right: 30px;
									font-size: 90%;
									font-style: italic;
									line-height: 80%;
									}
									
									
									p.toprices{
									
									font-family:beer;
									color:white;
									font-size: 350%;
									text-align: center;
			
									line-height: 130%;}
								
							
									
									.shadow {
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;}
									
									.stepshadow{
									box-shadow: 4px 2px 10px #1E1E1E;}
									
									
									
	

			p.btlst{
				color: green;
			
			}






.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #FF6A00;
    background-color: #FFFFFF;}


											p.copyright{
									
											font-family: arial;
											font-weight: bold;
											color: #000000;
											margin-left: 12px;}