#logo, #logo-text {
	display: block;
	width: 100%;
	background-color: #000;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat
}
#eco, #logo, #logo-text {
	display: block;
	background-repeat: no-repeat
}
.third, .thirds, h1 {
	text-align: center
}
body, html {
	background-color: #000
}
* {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	font-family: Montserrat;
	box-sizing: border-box;
	font-weight: 400
}
#container {
	position: relative;
	width: 800px;
	margin: 0 auto
}
#logo {
	height: 400px;
	background-image: url(../img/logo-image.png)
}
#logo-text {
	height: 80px;
	background-image: url(../img/logo-text.png)
}
h1 {
	color: #fff;
	font-size: 42px;
	margin: 0;
	padding: 50px 0
}
h1 span {
	color: #E8F717
}
#eco {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10;
	background-image: url(https://eriq.co/img/ECO-animated.png);
	background-size: auto 48px;
	background-color: #161622;
	width: 48px;
	height: 48px;
	cursor: pointer;
	background-position: 0;
	animation: ECO .8s steps(40) 1 both;
	border-radius: 100%
}
#eco:hover {
	animation: ECO2 .8s steps(40) 1 both
}
@keyframes ECO {
	from {
		background-position: 0
	}
	to {
		background-position: -1920px
	}
}
@keyframes ECO2 {
	from {
		background-position: 0
	}
	to {
		background-position: -1920px
	}
}
.thirds {
	margin: 40px 0 0
}
.third {
	display: inline-block;
	width: 33%;
	color: #fff;
	font-size: 16px;
	vertical-align: middle
}
a {
	color: #E8F717;
	text-decoration: none
}