@media (min-width: 768px) and (max-width: 992px) {
	
	.text-top-header{
		font-size: 1.7rem;
	}
}

@media (min-width: 576px) and (max-width: 768px) {
	
	.text-top-header{
		font-size: 1.5rem;
	}
}

@media (max-width: 576px) {
	
	.text-top-header{
		font-size: 1.2rem;
	}
}

.top-0{
	top: 0;
}

.top-btn {
	color: black;
	border: 1px solid #888;
	border-radius: 35px;
	background-color: white;
}

.top-btn:hover {
	text-decoration: none;
	color: black;
	border: 1px solid white;
	background-color: rgba(205,205,205, 0.6);
	transition: .3s;
}

.recruit-btn {
	background-color: #888;
}

.recruit-btn:hover {
	box-shadow: 2px 2px 2px 2px #ccc;
	text-decoration: none;
}


.recruit-layout{
	background-color: rgba(255,255,255, 0.8);
	line-height: 2.0;
	border-radius: 30px;
}

.border-bottom-black{
	border-bottom: 1px solid black;
}

.bg-products{
	background-color: rgba(63,193,201,0.1);
}

.bg-img-about-us{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 101%;
	background: linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255, 0.6));
}

.bg-recruit{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255, 0.4);
}

@media (max-width: 992px) {
	.top-message {
		position: absolute;
		text-align: center;
		width: 100%;
		line-height: 1.4;
		color: white;
		top: 50%;
		left: 50%;
		text-shadow: 1px 1px 2px black;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
	}
}

@media (min-width: 992px) {
	.top-message {
		position: absolute;
		height: 100%;
		background: linear-gradient(90deg, rgba(255,255,255,0.5), rgba(255,255,255,1));
		line-height: 2.0;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
	}
}