h1, h2, h3, h4, h5, h6 {
	text-indent: 5%;
}


.slide {
	width: 100%;
}

.slide img {
	width: 100%;
}

.fade {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

.dot {
	height: 10px;
	width: 10px;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}

.slide-dots .active {
	background-color: #666;
}


.company-info {
	padding: 1% 10% 1% 10%;
}

.company-info h2, .company-info h5 {
	margin: 0;
}

.thumbnail-img {
	/*width: 25%;*/
	text-align: center;
	margin: 0px;
	padding: 1%;
	/*float: left;*/
	/*border: solid 1px red;*/
}

.thumbnail-img img {
	width: 100%;
}

.thumbnail-img figcaption {
	/*height: 5vh;*/
	height: 50px;
	background-color: #d8dad2;
	padding-top: 2%;
}

.product-item {
	position:relative;
	overflow:hidden;
}
.product-description {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;

	padding:10px;

	background-color:rgba(0,0,0,0.5);
	color:#b0bc80;

	transform:translateY(100%);
	transition:all .15s;
}
.product-item:hover .product-description {
	transform:translateY(0);
	transition:all 0.15s;
}
.product-title {
	transition:all 0.3s;
	transform:translateX(3em);
}
.product-item:hover .product-title {
	transform:translateX(0);
}
.product-body {
	transition:all 0.5s;
	transform:translateX(9em);
}
.product-item:hover .product-body {
	transform:translateX(0);
}



.contact {
	/*height: 50vh;*/
	height: 500px;
	background-color: #d8dad2;
	margin: 0% 2%;
}

.box {
	width: 50%;
	height: 100%;
	float: left;
	text-align: center;	
}

.box:first-child {
	border-right: solid 1px #404040;
}

.box:last-child {
	border-left: solid 1px #404040;
}

.contact p {
	font-size: 1.4em;
}

.contact [type='text'] {
	width: 90%;
	/*height: 3vh;*/
	height: 30px;
	margin: 1% 0%;
}

.contact textarea {
	width: 90%;
	/*height: 15vh;*/
	height: 150px;
	margin: 1% 0%;
}

.contact [type='button'] {
	width: 60%;
	padding: 2%;
	/*background-color: #b0bc80;*/
	margin: 10px 0px;
	font-size: 1em;
	border-radius: 5%;
	cursor: pointer;
}

.contact img {
	width:80%;
}



@media (max-width:600px) {
	.contact {
		/*height: 90vh;*/
		height: 950px;
	}

	.box {
		width: 100%;
		height: 50%;
	}

	.box:first-child {
		border-right: 0px;
		border-bottom: solid 1px #404040;
	}

	.box:last-child {
		border-left: 0px;
	}
}