.carousel-item {
	height: 100vh;
	min-height: 300px;
	background-color: no-repeat center center scroll;
	-webkit-background-size: cover;
	background-size: cover;

}

.carousel-caption {
	margin-bottom: 150px;
	margin-right: 700px;
	font-size: 100px;
}

.carousel-caption h5 {
	font-size: 45px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 25px;

}

.carousel-caption p {
	width: 75%;
	margin: auto;
	font-size: 18px;
	line-height: 1.9;

}

/*==============================*/
/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
/*TAMPILAN WEB*/

@media screen and (min-width: 668px) {
	div.example {
		/*font-size: 3vw;*/
		margin-top: 150px;
		margin-left: 120px;
		/*line-height: 1px;*/
	}

	/*img.dinamis{
        width: 150px;
        height: 60px;
    }
    img.statis {*/
	/*height: -100px;
    margin-top: 20px;
    height: 20px;
}*/

}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
/*TAMPILAN HP*/

@media screen and (max-width: 667px) {
	div.example {
		/*font-size: 2vw;*/
		margin-top: 70px;
		/*line-height: 10px;*/
		margin-left: 40px;
		/*margin-bottom: 30px;*/
	}

	p.poppins {
		font-size: 3vw;
		line-height: 4px;
	}

	p.muli {
		font-size: 2vw;
		line-height: 1px;
	}

	button.tombol {
		margin-top: -60px;
		/*width: 100px;*/
		width: 90%;
		font-size: 10px;
	}

	.statis a {
		/*margin-top: 40px;*/
	}

	.carousel-item {
		height: 0px;
		min-height: 200px;
		background-color: no-repeat center center scroll;
		-webkit-background-size: cover;
		background-size: cover;
	}
}


.btn {
	border-color: none;
	border: 0;
}

.third {
	color: #fff;
	box-shadow: 0 0 40px 40px #3498db inset, 0 0 0 0 #3498db;
	transition: all 150ms ease-in-out;
}

.third:hover {
	box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
}