body{
	background-color: #141414 !important;
	background:url("../img/palawan_bg.jpg") no-repeat;
}


#landing_company{
	color:white;
	margin-top: 29vh;
    line-height: 103px;
	font-size: 100px;
	font-family: 'roboto',serif;
	font-weight: 100;
	text-align: center;
}

#landing_tagline{
	color:white;
	font-family: 'roboto',serif;
	font-weight: 100;
	font-size: 25px;
	text-align: center;
	margin-top: 3vh;
	margin-bottom: 20vh;

}


#about_companyName{
	    padding-top: 7vh;
    padding-left: 15vw;
    padding-right: 15vw;
 background-color: #141414;
 padding-bottom: 10vh;
}
#about_companyName h1{
	text-align: center;
	color:white;
	font-family: 'roboto',serif;
	font-weight: 500; 
	font-size: 50px;
	padding-bottom: 2vh;
}
#about_companyName p{
	text-align: center;
	color:white;
	font-family: 'roboto',serif;
	font-weight: 100; 
	font-size: 21px;
	line-height: 1.3;
	
}

/*carousel style*/
.item{
	height: 55vh;
	/*overflow-y: hidden;*/
}

.carousel-caption{
	top:5vh;

}
.carousel-caption h1{
	color:white;
	font-family: 'roboto',serif;
	font-weight: 500; 
	font-size: 50px;
}
.carousel-caption p{
	color:white;
	padding-top: 2vh;
	font-family: 'roboto',serif;
	font-weight: 100; 
	font-size: 20px;
}
.carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
}

.arrow-right{
right: 50%;
    margin-right: -10px;
}

.arrow-left{
left: 50%;
    margin-left: -10px;
}
.arrow{
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    font-size: 50px;
}

.item-img{
	width: 100%;
	position: absolute;
	top: -40vh;
}

.logo{
	font-family:  'Roboto', serif;
    font-weight: 100;
    
}

@media screen and (max-width: 1024px) {
	/*ipad*/
	.item-img{
		top: 0vh;
	}
}

@media screen and (max-width: 650px) {
	body{
		background-size: 230vw;
	}
	.item{
		height: 36vh;
	}
	.item-img{
		top: 0px;
		width: 100%;
}
	#landing_company{    
		font-size: 47px;
    line-height: 33px;
	}

	#landing_tagline{
		margin-bottom: 16vh;
		font-size: 17px;

	}

	#about_companyName{
		padding-left: 12vw;
		padding-right: 12vw;
	}
	#about_companyName h1{
		font-size: 28px;
	}
	#about_companyName p{
		font-size: 15px;

	}
	.carousel-caption h1{
	font-size: 30px;
}
.carousel-caption p{ 
	font-size: 10px;
}
}