@charset "UTF-8";
/* CSS Document */

.bg{
	height: 100vh;
	background: url(../images/bg.png) no-repeat center;
	background-size: cover;
	position: relative;
	text-align: center;
}
.infobox{
	position: absolute;
	width: 100%;
	top: 15%;
}
.infobox .logo img{
	height: 3.5rem;
}
.infobox .logo p{
	font-size: 1.1rem;
	color: #fff;padding: 2rem 10%;
	line-height: 200%
}
.infobox .btn{
	margin: 0 1rem
}
.btn-default-bg{
	background-color: transparent;
	    border-color: #fff;
	color: #fff;
}
.btn-default-bg:hover, .btn-default-bg:focus, .btn-default-bg.focus {
	color: #fff;
}
.remarks{
	width: 100%;
	position: absolute;
	background: rgba(255,255,255,.8);
	bottom:4rem;
	padding: 2rem 0;
	line-height: 2rem
}
.remarks .container{
	padding: 0 12%;
}
.Copy{
	width: 100%;
	position: absolute;
	line-height: 4rem;
	color: #fff;
	bottom:0
}
@media (max-width: 1200px) {
	.row{
		margin: 0;
	}
	html,body{
		font-size: .8rem;
	}
	.infobox{
		top:22%;
	}
}
@media (max-width: 541px){
	.remarks{
		display: none;
	}
	.infobox{
		top:25%;
	}
	.Copy{
		padding: .5rem 2rem 1rem;
		line-height: 1.5rem
	}
	.infobox .logo img{
		height: 2.8rem
	}
	.infobox .logo p{
		font-size: .75rem;
		padding: 2rem 5% 3rem;
	}
	.btn-lg, .btn-group-lg > .btn{
		min-width: 11rem;
		padding: .6rem 1.5rem
	}
}