body {

	background:#FFFFFF url(../escape-game-brussels/brussels-game-background.jpg) 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: 'waffle';
    src: url('./waffle.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}	

	@font-face {
    font-family: 'workshop';
    src: url('./workshop.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


	@font-face {
    font-family: 'beer';
    src: url('./beer.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


	@font-face {
    font-family: 'original';
    src: url('./original.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


			
									
									h1 {
									font-family: arial;
									font-size: 800%;
									color: white;
									text-shadow:   background: #91877b;
									
									text-align:center;
									line-height:60%}
									
									
									h2 {
										
									font-family: original;
									font-size: 400%;
									line-height:120%;
									color: #D2B38C;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;}
									
									
									p.ntext {	
									font-family: arial;
									font-size: 100%;
									color: #FF6900;
									text-shadow:   background: #91877b;
									text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									text-align:center;}
									
									p.title {
									
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 230%;
									font-family: waffle;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
									}
									
									p.titleTOP {
									
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 260%;
									font-family: arial;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
									  font-weight: bold;
									}
									
									p.titlel {
									
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 110%;
									font-family: waffle;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
									}
									
									p.ttb{
										font-family:arial;
										color:black;
										font-size:120%;
										text-align:justify;
										line-height:120%;
										
									}
									
									p.tt{
										font-family:original;
										color:black;
										font-size:180%;
										text-align:justify;
										line-height:120%;
										
									}
									
									p.ttw{
										font-family:original;
										color:white;
										font-size:180%;
										text-align:left;
										line-height:200%;
										
									}			
									
									p.ttwj{
										font-family:arial;
										color:white;
										font-size:180%;
										text-align:justify;
										line-height:200%;
										
									}
									
									p.faq{
										font-family:original;
										color:#D2B38C;
										font-size:250%;
										text-align:left;
										line-height:80%;
										text-shadow:   background: #91877b;
										text-shadow: 0 3px 1px rgba(0, 0, 0, 0.7);
									}
	
									
									
									p.titlesfooter {
										
										font-family: arial;
										text-align: left;
										color: gray;
									font-size: 120%;}
									
									p.normal22{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 155%;
									}
									
									p.normal22w{
									text-align: justify;
									font-family: arial;
									font-size: 130%;
									color: white;
									line-height: 140%;
									
									}
									
									
									p.normalleft2{
									text-align: left;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 190%;
									
									}	
									p.normalcenter{
									text-align: center;
									font-family: arial;
									font-size: 130%;
									color: black;
									line-height: 110%;
									
									}
									
									p.beerexp{										
									font-family: beer;
									color: black;
									font-size: 250%;
									text-align: center;
									}
									
									p.beerexp2{
									font-family: pubcrawl;
									font-size: 250%;
									text-align: center;
									color:#FF6900;
									}
									
									p.orgi{										
									font-family: original;
									color: black;
									font-size: 250%;
									text-align: left;
									line-height:100%;
									
									}
									
									
									p.label{										
									font-family: arial;
									color: white;
									font-size: 100%;
									text-align: left;
									line-height:100%;
											}
									
									
							
									
									p.qst{
									text-align: left;
									font-family: original;
									font-size: 240%;
									color: #FF6900;
									padding-left: 2px;
									line-height:130%;
									
									}
									
									
									p.ans{
									text-align: justify;
									font-family: original;
									font-size: 180%;
									line-height: 120%;
									color: white;
									padding-left: 10px;
									padding-top: 5px;
									margin-top:-15px;
									}
									
									
																						
									p.list1 {
											line-height: 170%;
											font-size: 170%;
											font-family: arial;
											font-weight: bold;
											color: white;}
											
									p.new1 {
											line-height: 170%;
											font-size: 170%;
											font-family: arial;
											font-weight: bold;
											color: white;
											text-align:center;}
											
											
									p.descri {
										
										color:#D2B38C;
										font-family:original;
										line-height:130%;
										font-size:180%;
										text-align:justify;
										background-color:black;
										padding:5px;
										text-shadow: 1px 0px 0px #808080;
									}
									
									p.expla {
										
										color:black;
										font-family:original;
										line-height:120%;
										font-size:190%;
										text-align:left;
								
										padding:5px
									}
									
											
									.stepbox{
									background-color : background-color: rgba(255,  255,  255,  0.7);background: rgba(255,  255,  255,  0.7);color: rgba(255,  255,  255,  0.7);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
									.stepboxcolor{
									background-color : background-color: rgba(48, 22, 16, 0.8);background: rgba(48, 22, 16, 0.8);color: rgba(48, 22, 16, 0.8);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
									
										.stepboxthin{
									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: 3px;
									margin: 0px;}
									
												
									.stepboxblackk{
									background-color : background-color: rgba(0,  0,  0,  1);background: rgba(0,  0,  0,  1);color: rgba(0,  0,  0,  1);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin: 0px;}
									
									.stepboxblackk2{
									background-color : background-color: rgba(0,  0,  0,  0.4);background: rgba(0,  0,  0,  0.4);color: rgba(0,  0,  0,  0.4);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
								
									margin: 0px;}
									
									.booking0{
									background-color : black;
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 1px;
									border: solid 2px white;							
									}
									
									.booking1{
									color:black;
									background-color : green;
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									border: solid 4px #FF6900;							
									}
									
									.stepbox2{
									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: 7px;
									margin: 0px;}
									
						
						
									.minishad{
										
										-webkit-box-shadow: 5px 5px 14px -6px #000000; 
									box-shadow: 5px 5px 14px -6px #000000;
										
										
									}
											
									p.legend {
											color: #A0A0A0;
											font-size: 80%;
											font-family: arial;
											text-align: left;}
											
											
									p.listnot{
									
									font-family: original;
									font-size: 180%;
									color: black;
									text-align:left;
									line-height:200%;
									}
									
									
								.icon-bar {
										width: 22px; 
										height: 2px;
										background-color: #B6B6B6;
										display: block;
										transition: all 0.2s;
										margin-top: 4px
									}

									 .blue-texture {
										
										background: #0F2027;  /* fallback for old browsers */
										background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
										background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
										background-repeat:no-repeat;
										background-size:cover;
										color:white;							
										text-align:center
									}

			 .brown-texture {
										
										background: #0F2027;  /* fallback for old browsers */
										background: -webkit-linear-gradient(to right, #404040, #203A43, #0F2027);  /* Chrome 10-25, Safari 5.1-6 */
										background: linear-gradient(to right, #404040, #203A43, #0F2027);
										background-repeat:no-repeat;
										background-size:cover;
										color:white;							
										text-align:center
									}
 
									.navbar-toggler {
									  border: none;
									  background: transparent !important;
									}
									
									.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

											
									p.copyright{
									
											font-family: arial;
											font-weight: bold;
											color: white;}
																		
									.book {color: red;}
									
									.img100{
									
									width: 100%;
									}
									
									p.daily {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: justify;
									}
									
									p.dailycenter {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: center;
									}
									
									p.dailyleft {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 140%;
									text-align: left;
									}
									
									p.gps {
									
									font-family: arial;
									color: white;
									line-height: 130%;
									font-size: 100%;
									text-align: left;
									}
									
										.stepboxmargin{
									background-color : background-color: rgba(255,  255,  255,  0.9);background: rgba(255,  255,  255,  0.9);color: rgba(255,  255,  255,  0.9);
									box-shadow: 4px 4px 10px #1E1E1E;
									border-radius: 2px;
									padding: 11px;
									margin-top: 12px;
									margin-bottom: 12px;}
									
									
									.newshadow{
										
									-webkit-box-shadow: 7px -7px 20px 0px rgba(0,0,0,0.75);
									-moz-box-shadow: 7px -7px 20px 0px rgba(0,0,0,0.75);
									box-shadow: 7px -7px 20px 0px rgba(0,0,0,0.75);
										
									}
											
									
									
								
											
									p.desc{
									font-family: arial;
									font-size: 140%;
									color: #FF6A00;
									line-height: 130%;
									text-align:justify;
									border: 7px solid #303030;
									padding: 10px;
									background: black;
									}		
									
									.bkk{	background-color: #000000;
									opacity: 0.7;
									filter: alpha(opacity=70); /* For IE8 and earlier */
									padding: 10px;}
									
									
									.shad2{
										
				-webkit-box-shadow: 0px 12px 15px -7px rgba(0,0,0,0.59); 
box-shadow: 0px 12px 15px -7px rgba(0,0,0,0.59);
									}
									 
									
									
									.shadowround {
									box-shadow: 4px 4px 10px #1E1E1E;
									 border-radius: 6px;}
											
											
									.shadow{
									box-shadow: 4px 4px 10px #161616;}
		
		
									.noline {text-decoration: none}
									
									.revtitle{
									font-family: arial;
									font-size:140%;
									line-height:100%;
									font-weight: bold;
									text-align:left;	
									color:black;
									margin-bottom: 0.3em;
									}
									
									.rev{
									font-family: arial;
									font-size:120%;
									line-height:140%;	
									text-align:justify;
									color:black;
									}
									
							
									
.bg { 

  /* Full height */
  height: 100%; 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
								
	
																		
								
				.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:visited {
    background-color: #FF6900 !important;
}


									p.title2c {
									font-weight: 300;
									color: black;
									line-height: 100%;
									font-size: 200%;
									font-family: waffle;
									text-align: center;
									text-shadow:   background: #91877b;
									text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
									}
									
									.stepboxcustom{
									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;}
									
									
									
header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}



iframe { border: none; marginheight: 0; marginwidth:0;}