@charset "utf-8";

#home-section {	
	background-image:url(../images/backgrounds/background1.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-attachment:fixed;	
}

#home-section #welcome-heading {
	position:relative;
	
	width:80%;
	top:30%;
}

#home-section #welcome-heading h1 {
	font-size:6em;
	font-weight:100;
	
	padding:0;
	margin:0;
	
	text-transform:uppercase;

	color:rgb(255,255,255);
}

#home-section #welcome-heading h1 small {
	font-size:0.25em;

	text-transform:capitalize;

	color:rgb(255,255,255);
}

#home-section #welcome-services {
	position:absolute;
	width:100%;

	bottom:83.333%;
	
	background-color:rgb(255,255,255);
}

#home-section #welcome-services img {
	height:80px;
	width:auto;
	
	padding-top:1em;
}

/* Us Section */

#us-section {	
	background-image:url(../images/backgrounds/background2.jpg);
	background-repeat:no-repeat;
	background-size: cover;	
}

#us-section #us-information {
	position:relative;
	display:block;

	top:20%;
	
	font-size:1.2em;
}

#us-section #us-information h1 {
	font-size:4em;
	font-weight:200;
	
	text-transform:uppercase;

	color:rgb(0,0,0);
}

/* Products Section */

#products-section {	
	background-color:rgb(255,255,255);
	overflow:hidden;
}

#products-section ul {
	position:relative;
	list-style-type:none;
	
	width:100%;
	height:100%;
	
	top:0;
	bottom:0;
	left:0;
	right:0;	
	
	margin:0;
	padding:0;
}

#products-section ul li {
	display:inline-block;

	width:33.33333%;
	height:50%;
}

#products-section ul li img {
	width:100%;
	height:100%;
}

/* Services Section */

#services-section {	
	background-image:url(../images/backgrounds/background2.jpg);
	background-repeat:no-repeat;
	background-size: cover;	
}

#services-section #services-information {
	position:relative;
	display:block;
	
	width:100%;
	height:30%;

	top:35%;
	
	text-align:center;
	font-size:1.2em;
}

#services-section #services-information h1 {	
	font-size:5em;
	font-weight:200;
	
	text-transform:none;
	text-align:center;

	color:rgb(0,0,0);
}

/* Story Section */

#story-section {	
	background-image:url(../images/backgrounds/background3.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-attachment:fixed;
}

#story-section #story-information h1 {
	font-size:4em;
	font-weight:300;
	
	text-transform:capitalize;

	color:rgb(0,0,0);
}

#story-section #story-information {
	position:relative;
	display:block;
	
	top:40%;
	
	font-size:1.2em;
}

/* Contact Section */

#contact-section {	
	background-image:url(../images/backgrounds/background2.jpg);
	background-repeat:no-repeat;
	background-size: cover;	
}

#contact-section #contact-information {
	position:relative;
	display:block;

	top:25%;
	
	font-size:1.2em;
}

#contact-section #contact-information h1 {
	font-size:3em;
	font-weight:300;
	
	text-transform:uppercase;

	color:rgb(0,0,0);
}

#contact-section #contact-information input {
	border: solid 2px rgb(206,224,238);
	background-color:transparent;
}

#contact-section #contact-information textarea {
	border: solid 2px rgb(206,224,238);
	background-color:transparent;
}

#contact-section #contact-information button {
	border: solid 2px rgb(206,224,238);
	background-color:transparent;
}

#contact-section #contact-information .row .col-md-6 {
	height:250px;
}

#contact-section #contact-information #map-information {
	width:100%;
	height:100%;
}