.col-hd1-1 {width:8.33333%}  /* grid is 100%,100% divided by total colums (this is a 12 column gris system) ,12 and multiply by the current column number. round to 5 decimals   */
.col-hd1-2 {width:16.66667%}
.col-hd1-3 {width:25%}
.col-hd1-4 {width:33.33333%}
.col-hd1-5 {width:41.66667%}
.col-hd1-6 {width:50%}
.col-hd1-7 {width:58.33333%}
.col-hd1-8 {width:66.66667%}
.col-hd1-9 {width:75%}
.col-hd1-10{width:83.33333%}
.col-hd1-11{width:91.66667%}
.col-hd1-12{width:100%}

/*display bock and hidden classes*/
.show1 {
	display:none;
}
.show2 {
	display:none;
}
.show3 {
	display:none;
}
.show4 {
	display:block;
}
.hide1 {
	display:block;
}
.hide2 {
	display:block;
}
.hide3 {
	display:block;
}
.hide4 {
	display:none;
}
/*End of display block and hidden classes*/

/*START OF GLOBAL CSS*/
h1 {										/*Default Styling form html headings and p elements*/

	font-size:60px;
	letter-spacing:1px;
	line-height:1em;
	

}
h2 {

	font-size:35px;
	letter-spacing:1px;
	line-height:1.5em;

}
h3 {

	font-size:22px;
	letter-spacing:1px;
	line-height:1em;
}

h4 {

	font-size:20px;
	letter-spacing:1px;
	line-height:1em;
}

p {
	line-height:1.5em;
	font-size:18px;

	letter-spacing:2px;

	
}
.marginTop25{
	margin-top:25px;
}

body {
	background-image: url("media/seamlessSmoke3840-min.png");
	background-repeat:repeat;
	background-size:auto;
	width:100%;
}

/*END OF GLOBAL CSS*/

.homeIntroTeam {
	width:auto;
	height:400px;
	margin-top:30px;
}

.section1 {
	height:780px;
	padding:10px;

}
.homeHeading {
	padding-top:300px;
}

.categories{
	letter-spacing:2px;
	font-size:24px;
}

.homeText {
	border-top:solid 2px white;
	border-bottom:solid 2px white;
	padding-top:50px;
	padding-bottom:50px;
}

.homeText2 {
	margin:150px 25px 0px;
}

.homeIntroText {
	margin:50px auto;
	width:50%;
}

/*START OF SECTION 4*/

.teamImages {
	width:60%;
}

/*END OF SECTION 4*/

/*START OF SERVICES PAGEe*/
.section1Serv {
	height:190px;
	width:360px;
	margin:0 auto;
	position:absolute;
	top:60px;
	left:25px;
	background-color:rgba(0,0,0,0.5);
	padding:10px;
	border:solid 1px silver;
	
}


.contactDetails {
	height:550px;
}

#contactFormContainer {
	height:550px;
}

/*START OF CUBE SECTION*/

.container {
		width: 300px;
		height: 300px;
		display: block;
		border: 10px solid transparent;
		position:relative;
		top:0px;
		left:25%;
		background-color: transparent;
		margin: 100px auto 200px;
		/* Parent important */
		-webkit-perspective: 800;
		        perspective: 800;
	}