#index_serving_websites_since_2004 {
	margin-top: 15px;
}

.site-wrapper {
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	-webkit-box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
	box-shadow: inset 0 0 5rem rgba(0,0,0,.5);
}

.site-wrapper-inner {
	display: table-cell;
	vertical-align: top;
	padding: 130px 0px 60px;
	animation-duration: 10s;
	animation-fill-mode: forwards;
	animation-name: index-background;
	animation-timing-function: ease-in-out;
	background-image: url("../images/index_background.jpg");
	background-repeat:no-repeat;
	background-size: cover;
}

@keyframes index-background {
	from{background-position: center center;}
	to{background-position: center top;}
}

.cover-container {
	margin-right: auto;
	margin-left: auto;
}

.inner {
	padding: 2rem;
	min-width: 100%;
}

.cover {
	padding: 0 1.5rem;
}

.cover .btn-lg {
	padding: .75rem 1.25rem;
	font-weight: bold;
}

@media (min-width: 40em) {
	.cover-container{width: 100%;}
}

@media (min-width: 62em) {
	.cover-container{width: 42rem;}
}

@font-face {
	font-family: cover;
	src: url(../fonts/cover.otf);
}

.line-1 {
	font-family: cover;
}

@media (min-width: 768px) {
	.line-1 {
		position: relative;
		top: 50%;
		margin: 0 auto;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
	}

	.anim-typewriter {
		animation: typewriter 4s steps(44) 1s 1 normal both, blinkTextCursor 500ms steps(44) infinite normal;
	}

	@keyframes typewriter {
		from{width: 0;}
		to{width: 100%;}
	}

	@keyframes blinkTextCursor{
		from{border-right-color: rgba(255,255,255,.75);}
		to{border-right-color: transparent;}
	}
}

#index-search-domain-button {
	position: absolute;
	right: 0;
	margin-top: -66px;
}