body{

}
a:focus{
	color:black;	
}
.color{
	color:black;
}
.jumbotron{
	margin-bottom:auto;
}
input:focus{
	border:solid black 1px;
}
textarea:focus{
	border:solid black 1px;
}
.bar{
	background:rgb(32, 30 , 60);
	color:white;
	height:100px;
}
#brand{
	color:white;
	padding-left:200px;
	font-size:30px;
	line-height:26px;
	padding-top:17px;

}
span{
	font-size:20px;
}
#scndbar{
	padding-left:286px;
}
#bar2{
	height:42px;
	background:rgb(166 , 58 , 101);
	color:white;
	
}
a{
	color:white;
}

#deliver{
	margin-top:38px;
	font-weight:600px;
	color:rgb(127,  71 , 117);
	font-family:georgian;
}
#touch{
	font-size:50px;
}
.contact-div{
	height:700px;
}
.header-div{
	height:460px;
	padding:0 0;
	background:url(img/steel3.jpg);
	background-size:100% 100%;
	
}
#welcome {
	color:white;
	padding-top:150px;
	letter-spacing:8px;
	animation-name:move;
	animation-duration:1.5s;
}
@keyframes move{
	0%{
		opacity:0;
		transform:translateX(-100px);
		
	}
	75%{
		transform:translateX(20px);
	}
	100%{
		opacity:1;
		transform:translateX(0);
	}
}
#welcome2{
	animation-name:move2;
	animation-duration:1.5s;
	font-weight:600px;
	letter-spacing:5px;
	
}
@keyframes move2{
	0%{
		opacity:0;
		transform:translateX(100px);
	}
	75%{
		transform:transform(-20px);
	}
	100%{
		opacity:1;
		transform:translateX(0px);
	}
}



.navbar-nav{
	margin-left:800px;
}

#process{
	height:300px;
}
.bn{
	margin-right:50px;
}

.department-text{
	line-height:30px;
	margin-top:50px;
	margin-bottom:40px;
}


.slider{
	background-image:url(img/office.jpg);
	background-size:100% 100%;
	height:400px;
	margin-bottom:30px;
}

.slider2{
	background-image:url(img/ccm.jpg);
	background-size:100% 100%;
	height:400px;
	margin-bottom:30px;
}


#special{
	height:32%;
}
.slider3{
	background-image:url(img/rolling.jpg);
	background-size:100% 100%;
	height:400px;
	margin-bottom:30px;
	
}
@media only screen and (max-width: 800px) {
  .navbar-nav{
	margin-left:auto;
}
	#special{
		height:auto;
	}
	.card{
		margin-left:50px;
		margin-bottom:20px;
		
	}
	.department-text{
		margin-left:20px;
	}
	iframe{
		width:100%;
		height:400px;
	}
	.align-self-center{
		text-align:center;
	}
	
	#index-div img{
		width:inherit;
	}
	.slide3{
		margin-bottom:0;
	}
	.slide2{
		margin-bottom:0;
		
	}
	.slider{
		margin-bottom:0;
	}
	.txt{
		margin-top:15px;	
	}
}
.col-md-8{
	margin-top:60px;
}
.contact-input{
	width:100%;
	margin-bottom:30px;
	background:none;
	border-top:none;
	border-right:none;
	border-left:none;
	outline:none;
	border-bottom-color:black;
}

form{
	margin-left:60px;
	margin-top:30px;
}
.index-div{
	background:#0d0d0d;
	height:100%;
	color:white;
	font-family: 'Bai Jamjuree', sans-serif;
}
.index-div h1{
font-size:5rem;
	margin-bottom:40px;
}
.index-div img {
	width:inherit;
	margin-bottom:10px;
}
.index-div2{
	
	background:#daddea;
	font-family: 'Bai Jamjuree', sans-serif;
	
}
.col-md-6{
	margin-top:30px;
	
}
.index-div2 p{
	font-weight:300;
}