@charset "UTF-8";

@import url(sanitize.css);


html { font-size: 62.5%; _background:#080928}
body { 
	font-size: 1.6rem;
	line-height: 1.8;
	background: #080928;
	color: #333;
	letter-spacing: .075em;
	color: #fff;
 }

a{
	color: #fff;text-decoration:none;
}
img{
	width: 100%;
}

.container-wrap{
	text-align:center;
	margin-top: 10%;
}
.container{
		text-align:center;
		color:#b6b6b6;
}
.container h1{
	max-width:480px;
	margin: 0 auto 5%;
}

h2,p{
	margin: 0 0 0;
}

h3{
	margin: 5% 0 0;
	font-size:1.4rem;
}

.copyright{
	margin: 10% 0 0;
	font-size:1.4rem;
}


a.btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	color: #27acd9;
	border-radius: 100vh;
	transition: 0.5s;
}
a.btn:hover {
	color: #fff;
	background: #27acd9;
}




@media screen and (max-width:767px){
	.container-wrap{
		margin-top: 20%;
	}
	.container h1{
		width:70%;
		margin:0 auto 60px;
	}
	h2{
		font-size:2rem;
	}
	p{
		font-size:1.4rem;
		margin: 0 0 60px;
	}


}






.outer{
  position: relative;
}
.inner{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}