body,html{
	width:100%;
	height: 100%;
	margin:0;
	transition: all 1000ms;
	background: linear-gradient(323deg, #eee346, #3cb0ff, #ffa53c, #ff3ca2, #8854c5, #e33737);
	background-size: 1200% 1200%;

	-webkit-animation: TE15E 30s ease infinite;
	-moz-animation: TE15E 30s ease infinite;
	-o-animation: TE15E 30s ease infinite;
	animation: TE15E 30s ease infinite;
}
@-webkit-keyframes TE15E {
    0%{background-position:5% 0%}
    50%{background-position:96% 100%}
    100%{background-position:5% 0%}
}
@-moz-keyframes TE15E {
    0%{background-position:5% 0%}
    50%{background-position:96% 100%}
    100%{background-position:5% 0%}
}
@-o-keyframes TE15E {
    0%{background-position:5% 0%}
    50%{background-position:96% 100%}
    100%{background-position:5% 0%}
}
@keyframes TE15E { 
    0%{background-position:5% 0%}
    50%{background-position:96% 100%}
    100%{background-position:5% 0%}
}
h1{
	font-size: 114px;
	margin-bottom: 15px;
	margin-top: 0;
}
h3{
	font-size: 36px;
	margin-top: 0;
}
.main-content{
	position: absolute;
	width:100%;
	height: 100%;
	display: table;
	vertical-align: middle;
}
.content{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: white;
	text-shadow: 0 1px 4px rgba(51,51,51,0.4);
	font-family: 'Open Sans';
}
@media(max-width: 996px){
	h1{
		font-size: 64px;
		margin-bottom: 15px;
	}
	h3{
		font-size: 20px;
		margin-top: 0;
	}
}