body {
	color: #0abdde;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	background: url(images/body-hg.png);
	padding: 0;
	margin: 0;
}

a,
a:visited,
a:active {
	color: #a0a0a0;
	font-weight: normal;
}

.container {
	position: fixed;
	transform: translate3d(0,0,0);
	overflow:hidden;
	width: 110%;
	height: 50vh;
 top: 25vh;
 left: -5%;
 -webkit-animation: Open 3s ease 1;
 -moz-animation: Open 3s ease 1;
 animation: Open 3s ease 1;
}

.container_inner {
	height: 100%;
	width: 100%;
	-webkit-box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,1);
	-moz-box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,1);
	box-shadow: inset 0px 1px 5px 1px rgba(0,0,0,1);
	background: linear-gradient(-45deg, #ee7752 0%, #377fea 40%, #0abdde 100%);
	background-size: 400% 400%;
	-webkit-animation: Gradient 30s ease infinite;
	-moz-animation: Gradient 30s ease infinite;
	animation: Gradient 30s ease infinite;
}

.logo {
 position: fixed;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 max-width: 85%;
 height: 17vh;
 max-height: 33vh;
}



.contact {
	position: fixed;
	right: 0;
	bottom: 0;
	text-align: right;
	padding: 0 20px 0 0;
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 1.2rem;
}



/* Animation Keyframes */
@keyframes Open {
	0% {height: 0vh; top:50vh;}
	100% {height: 50vh; top: 25vh;}
}

@-webkit-keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}
@-moz-keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}
@keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}



@media screen and (max-width: 768px) {
	.container {
		top: 10vh;
	}
	@keyframes Open {
		0% {height: 0vh; top:50vh;}
		100% {height: 50vh; top: 10vh;}
	}
	.contact {
		font-size: 1rem;
		line-height: 1.7rem;
	}
}