.section h1 {
	font-family: "brandon-grotesque", 'open sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	margin:0px auto;
	margin-bottom: 15px;
	color: white;
	font-size: 36px;
	line-height: 34px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
}

.section.table h2 {
	font-family: "brandon-grotesque", 'open sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: white;
	font-size: 32px;
	text-align: center;
	line-height: 30px;
	font-weight: 100;
	text-transform: uppercase;
}

.section.table.services h1  {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

.section.table.services.active h1  {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
	
}

.section.table.services h1 {
	font-family: "brandon-grotesque", 'open sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	margin:0px auto;
	padding:40px;
	margin-bottom: 30px;
	color: white;
	font-size: 42px;
	line-height: 40px;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	max-width: 600px;
	text-align: left;
}


.section {
	text-align: left;
}

.section img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width:100%;
}

.light {
	font-weight: 100;
	line-height:0px;
	margin-bottom: 30px;
}

/* Index Styles */

.section.index.table .page_container  {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

.section.index.table.active .page_container  {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

.page_container {
	margin: 0 auto 0;
	/*max-width: 1140px;*/
}
	
.btns {
	clear: both;
	text-align: center;
	margin: 1em auto 0em auto;
	z-index: 200;
	position: relative;
}

.btn {
	clear: both;
	text-align: center;
	width: 240px;
	margin: 0 auto;
	color: white;
	border: 1px solid white;
	display: inline-block;
	padding: 10px;
	text-decoration: none;
	line-height: 18px;
	font-size: 16px;
	font-family: "brandon-grotesque", 'open sans', sans-serif;
	font-weight: 300;
	-moz-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}
	
.btn:hover{
	border: 1px solid rgba(255,188,0,1.00);;
	color:rgba(255,188,0,1.00);;
	-moz-transition:all .4s ease-in-out;
    -webkit-transition:all .4s ease-in-out;
    -o-transition:all .4s ease-in-out;
    transition:all .4s ease-in-out;
}


.page_container {
      margin: 0 auto 0;
      width: 540px;
      z-index: 3;
	  padding:20px;
	  background: rgba(0,0,0,0.70);
}
 
/* Index Sections
 * --------------------------------------- */ 
 
.index-sectionIntro {
	background-image: url(../img/slides/index/01echoinggreen-cityhall-entrancewaterfall.jpg); 
	background-size: cover;
	padding: 0% 0 0 0;
 }
 
.index-section1 {
	background-image: url(http://lumen.org.uk/wp-content/themes/lumen/img/c73549_96e03b5863ed255663f4abdca0223341.jpg); 
	background-size: cover;
	padding: 0% 0 0 0;
 }
 
.index-section2 {
	background-image: url(http://lumen.org.uk/wp-content/themes/lumen/img/index/10510999086_0336576fe8_k.jpg); 
	background-size: cover;
	padding: 0% 0 0 0;
 }
 
.index-section3 {
	background-image: url(http://lumen.org.uk/wp-content/themes/lumen/img/index/beacons-projection-bomb.jpg); 
	background-size: cover;
	padding: 0% 0 0 0;
 }
 
/* .index-section1 .page_container {
      margin: 0 auto 0;
      max-width: 700px;
      z-index: 3;
	  padding:40px;
	  background:rgba(254,83,1,0.90);
 }
 
.index-section2 .page_container {
      margin: 0 auto 0;
      max-width: 700px;
      z-index: 3;
	  padding:40px;
	  background:rgba(51,41,138,0.90);
 }
 
.index-section3 .page_container {
      margin: 0 auto 0;
      max-width: 700px;
      z-index: 3;
	  padding:40px;
	  background: rgba(198,47,66,0.90);
 } */
 

/* Services Sections
 * --------------------------------------- */
 .section0,
 .section1,
 .section2,
 .section3,
 .section4,
 .section5,
 .slide{
	background-size: cover;
 }
 
 .section0{
	background-image: url(http://lumen.org.uk/wp-content/themes/lumen/img/services/projection-mapping.jpg);
	padding: 0% 0 0 0;
 }
 
 .section0 h1 {
	 background:rgba(111,84,139,0.90);
 }
 
.section1 h1 {
	 background:rgba(254,83,1,0.90);
}
 
.section2 h1 {
	 background:rgba(51,41,138,0.90);
}

.section3 h1 {
	 background:rgba(2,100,192,0.90);
}

.section4 h1 {
	 background:rgba(255,188,0,0.90);
}

.section5 h1 {
	 background:rgba(70,103,112,0.90);
}
    
  

 /*Creatin a null height slide */
 .slides{
	height: 100%;
	display:block;
 }
 
 #section0 h1 {
	
 }
 
 .block  {
		background: #CCC;
		filter:alpha(opacity=80); /* IE */
		-moz-opacity:0.8; /* Mozilla */
		opacity: 0.8; /* CSS3 */
		background: #1e1e1e;
		margin: 0px auto;
		margin-bottom: 30px;
		color: white;
		font-size: 42px;
		line-height: 40px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		max-width: 600px;
		text-align: left;
}
.text {

}

.text.h1 {
}


@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.section h1 {
		font-family: "brandon-grotesque", 'open sans', sans-serif;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		margin:0px auto;
		margin-bottom: 15px;
		color: white;
		font-size: 32px;
		line-height: 30px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		text-align: center;
	}
	
	.section.table h2 {
		font-size: 24px;
	}
	
	.section.table.services h1 {
		font-family: "brandon-grotesque", 'open sans', sans-serif;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		margin:0px auto;
		padding:40px;
		margin-bottom: 30px;
		color: white;
		font-size: 42px;
		line-height: 40px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		max-width: 600px;
		text-align: left;
	}

	.page_container {
      margin: 0 auto 0;
      width: 400px;
      z-index: 3;
	  padding:20px;
	  background: rgba(0,0,0,0.70);
	}
	
	.btn {
		width: 200px;
		line-height: 18px;
		font-size: 16px;
	}
	
	

}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.section h1 {
		font-family: "brandon-grotesque", 'open sans', sans-serif;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		margin:0px auto;
		margin-bottom: 15px;
		color: white;
		font-size: 32px;
		line-height: 30px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		text-align: center;
	}
	
	.section.table.services h1 {
		font-family: "brandon-grotesque", 'open sans', sans-serif;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		margin:0px auto;
		padding:40px;
		margin-bottom: 30px;
		color: white;
		font-size: 32px;
		line-height: 30px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		max-width: 350px;
		text-align: left;
	}
	
	.section.table h2 {
		font-size: 24px;
	}

	.page_container {
      margin: 0 auto 0;
      width: 400px;
      z-index: 3;
	  padding:20px;
	  background: rgba(0,0,0,0.70);
	}
	
	.btn {
		width: 200px;
		line-height: 18px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 767px) {
	.section h1 {
		font-family: "brandon-grotesque", 'open sans', sans-serif;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		margin:0px auto;
		margin-bottom: 10px;
		color: white;
		font-size: 28px;
		line-height: 26px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		text-align: center;
	}
	
	.section.table h2 {
		font-size: 14px;
	}
	
	.section.table.services h1 {
		font-family: "brandon-grotesque", 'open sans', sans-serif;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		margin:0px auto;
		padding:20px;
		margin-bottom: 30px;
		color: white;
		font-size: 26px;
		line-height: 24px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		max-width: 220px;
		text-align: left;
	}
	
	.light {
		margin-bottom: 10px;
	}

	.page_container {
      margin: 0 auto 0;
      width: 240px;
      z-index: 3;
	  padding:20px;
	  background: rgba(0,0,0,0.70);
	}
	
	.btn {
		width: 120px;
		line-height: 10px;
		font-size: 12px;
	}
	
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.section h1 {
		font-family: "brandon-grotesque", 'open sans', sans-serif;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		margin:0px auto;
		margin-bottom: 10px;
		color: white;
		font-size: 28px;
		line-height: 26px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		text-align: center;
	}
	
	.section.table h2 {
		font-size: 14px;
	}
	
	.section.table.services h1 {
		font-family: "brandon-grotesque", 'open sans', sans-serif;
		-webkit-font-smoothing: antialiased;
		color: #fff;
		margin:0px auto;
		padding:20px;
		margin-bottom: 30px;
		color: white;
		font-size: 26px;
		line-height: 24px;
		letter-spacing: 1px;
		text-transform: uppercase;
		font-weight: 600;
		max-width: 220px;
		text-align: left;
	}
	
	.light {
		margin-bottom: 10px;
	}

	.page_container {
      margin: 0 auto 0;
      width: 240px;
      z-index: 3;
	  padding:20px;
	  background: rgba(0,0,0,0.70);
	}
	
	.btn {
		width: 120px;
		line-height: 10px;
		font-size: 12px;
	}
}