body { 
	font-family:MyriadPro;
	font-size:16px;
  background: url(../images/homepage/homepage-bg-s.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div.logo {
  position: relative;
  top: 52%;
	width:90%;
	margin:0 auto;
  transform: translateY(-50%);
}

div.civilai-hill{
	width:140px;
	float:left;
	text-align:left;
}

div.private-pool{
	width:140px;
	float:right;
	text-align:right;
}

div.logo p{
	text-align:center;
}

div.logo img{
  width:100%;
}

div.site-info {
  position: relative;
  top: 70%;
	width:90%;
	margin:0 auto;
  transform: translateY(-50%);
	text-align:center;
	color:#FFF;
}

div.site-info h1{
	font-size:1em;
	font-weight:bold;
	color:#FFF;
	margin-bottom:10px;
}

div.site-info p.address{
	font-size:0.9em;
	line-height:20px;
	color:#d1e5ae;
	opacity: 0.6;
	margin-bottom:10px;
}

div.site-info p.copyright{
	font-size:0.8em;
	color:#d1e5ae;
	opacity: 0.6;
}

/*
*button
*/
.enter-site {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
	background:-moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
	background-color:#ffffff;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:arial;
	font-size:0.6em;
	font-weight:bold;
	padding:4px 16px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.enter-site:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
	background:-moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:-ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
	background-color:#f6f6f6;
}
.enter-site:active {
	position:relative;
	top:1px;
}

@media only screen and (min-width: 40.063em) {/* min-width 641px, medium screens (40->42) */
div.logo {
	width:70%;
}

div.civilai-hill{
	width:170px;
}

div.private-pool{
	width:170px;
}

div.site-info h1{
	font-size:1.125em;
}

div.site-info p.address{
	font-size:1.1em;
}

div.site-info p.copyright{
	font-size:0.96em;
}

}

@media only screen and (min-width: 64.063em) {/* min-width 1025px, large screens */
body { 
  background: url(../images/homepage/homepage-bg-m.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div.logo {
	width:50%;
}

div.civilai-hill{
	width:180px;
}

div.private-pool{
	width:180px;
}
} 


@media only screen and (min-width: 90.063em) {/* min-width 1441px, xlarge screens */
	
} 


@media only screen and (min-width: 120.063em) {/* min-width 1921px, xxlarge screens */
body { 
  background: url(../images/homepage/homepage-bg-l.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

div.civilai-hill{
	width:200px;
}

div.private-pool{
	width:200px;
}
}