.bg1 {
	display: block;
	position: absolute;
	top: 0;
	animation: move 10s infinite linear alternate;
}

.warpBox {
	padding-top: 136px;
}

@keyframes move {
	0% {
		transform: translate3d(-100px, -77px, 0px);
		transform-origin: left top -77px;
	}
	25% {
		transform: translate3d(-75px, -36px, 0px);
		transform-origin: left top -36px;
	}
	50% {
		transform: translate3d(-50px, -20px, 0px);
		transform-origin: left top -20px;
	}
	75% {
		transform: translate3d(-25px, -10px, 0px);
		transform-origin: left top -10px;
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
		transform-origin: left top 0px;
	}
}

@-webkit-keyframes move {
	0% {
		transform: translate3d(-100px, -77px, 0px);
		transform-origin: left top -77px;
	}
	25% {
		transform: translate3d(-75px, -36px, 0px);
		transform-origin: left top -36px;
	}
	50% {
		transform: translate3d(-50px, -20px, 0px);
		transform-origin: left top -20px;
	}
	75% {
		transform: translate3d(-25px, -10px, 0px);
		transform-origin: left top -10px;
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
		transform-origin: left top 0px;
	}
}

@-moz-keyframes move {
	0% {
		transform: translate3d(-100px, -77px, 0px);
		transform-origin: left top -77px;
	}
	25% {
		transform: translate3d(-75px, -36px, 0px);
		transform-origin: left top -36px;
	}
	50% {
		transform: translate3d(-50px, -20px, 0px);
		transform-origin: left top -20px;
	}
	75% {
		transform: translate3d(-25px, -10px, 0px);
		transform-origin: left top -10px;
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
		transform-origin: left top 0px;
	}
}

@-o-keyframes move {
	0% {
		transform: translate3d(-100px, -77px, 0px);
		transform-origin: left top -77px;
	}
	25% {
		transform: translate3d(-75px, -36px, 0px);
		transform-origin: left top -36px;
	}
	50% {
		transform: translate3d(-50px, -20px, 0px);
		transform-origin: left top -20px;
	}
	75% {
		transform: translate3d(-25px, -10px, 0px);
		transform-origin: left top -10px;
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
		transform-origin: left top 0px;
	}
}

@-moz-keyframes move {
	0% {
		transform: translate3d(-100px, -77px, 0px);
		transform-origin: left top -77px;
	}
	25% {
		transform: translate3d(-75px, -36px, 0px);
		transform-origin: left top -36px;
	}
	50% {
		transform: translate3d(-50px, -20px, 0px);
		transform-origin: left top -20px;
	}
	75% {
		transform: translate3d(-25px, -10px, 0px);
		transform-origin: left top -10px;
	}
	100% {
		transform: translate3d(0px, 0px, 0px);
		transform-origin: left top 0px;
	}
}

@media (max-width: 768px) {
	.bg1 {
		top: 39%;
	}
	.warpBox {
		padding-top: 102px;
	}
	.navbar-collapse {
		padding-left: 0;
	}
}

@media (max-width: 700px) {
	#top-nav ul li a {
		padding: 1px;
		font-size: 10px;
	}
	.footerContent {
		font-size: 12px;
	}
	#top-nav li {
		letter-spacing: 0;
	}
	#top-nav .navbar-brand{
		font-size: 20px;
	}
}