/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
	font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", Arial, Sans-Serif;
	font-weight: 200;
	background-color: #263238;
	color: #37474f;;
}

h1 {
	font-weight: bold;
	font-size: 38px;
	text-align: center;
}
h2 {
	font-size: 18px;
	text-align: center;
	margin-top: 30px;
}
h3 {
	font-size: 18px;
	text-align: center;
	margin-top: 10px;
}
p {
	font-size: 22px;
	margin-top: 25px;
}

a:link { text-decoration:none; color:#37474f; }
a:visited { text-decoration:none; color:#37474f; }
a:hover { text-decoration:none; background-color:none; }
a:active { text-decoration:none; background-color:none; }
a:focus { text-decoration:none; background-color:none; }

/* ----- */

#title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.border-bottom {
	border-bottom: 5px solid rgba(55, 71,79, 0.4);
}

.background-animation {
	animation-name: homeCycle;
	animation-duration:6s;
	animation-direction:alternate;
	animation-iteration-count:infinite;
	-webkit-animation-name: fade;
	-webkit-animation-duration:6s;
	-webkit-animation-direction:alternate;
	-webkit-animation-iteration-count:infinite;
}

@keyframes fade
{
	0% {color:#263238;}
	50% {color:#37474f;}
}

@-webkit-keyframes fade
{
	0% {color:#263238;}
	50% {color:#37474f;}
}