@font-face {
    font-family: 'Nexa';
    src: url('nexa_light-webfont.woff2') format('woff2'),
         url('nexa_light-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Nexa';
    src: url('nexa_bold-webfont.woff2') format('woff2'),
         url('nexa_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: bold;
}

@-webkit-keyframes demo {
    0% {
        background-color: #FFF;
    }
    50%
    {
    	background-color: #E9E9E9;
    }
    100% {
        background-color: #FFF;
    }
}

@-webkit-keyframes demo-span {
    0% {
        color: #9f9c9c;
    }
    50%
    {
    	color: #FFF;
    }
    100%
    {
        color: #9f9c9c;
    }
}

body
{
	margin: 0px;
	padding: 0px;
	-webkit-animation-name: demo;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
	font-family: "Nexa", sans-serif;
}

span
{
	color: #9f9c9c;
	-webkit-animation-name: demo-span;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}

.container
{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
}

	.container h1
	{
		text-align: center;
		font-size: 290px;
		margin: 0px;
		margin-top: 10%;
	}

a
{
	color: #000;
	text-decoration: none;
}

footer
{
	border-top: 1px solid #000;
	font-size: 20px;
	padding: 15px 0px;
}

.col-left,
.col-right,
.col-center
{
	float: left;
	width: 33.33333333333333%;
}

.col-left
{
	text-align: left;
}

.col-right
{
	text-align: right;
}

.col-center
{
	text-align: center;
}