body {
    animation: fadein 1s;
    -moz-animation: fadein 1s; /* Firefox */
    -webkit-animation: fadein 1s; /* Safari and Chrome */
    -o-animation: fadein 1s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

body {
	padding: 0 1.618em;
	line-height: 1.618;
	color: #676767;
	margin:0;
	background: #fdfdfd;
}

ul li{ list-style:none; }
ul li a{ text-decoration:none;}

#main-content {min-height: 70vh;}
/*#main-content{margin-bottom: 1.5em;}*/
.line-separator{
		max-width: 30em;
		height:1px;
		background:#f05a28;
		border-bottom: 0.32em solid #f05a28;
		border-radius:4px;
	}
section#main-timeline{
	/*overflow: hidden;*/
	margin:1.8em 0;
	height:100px;
}
div#footer-page>section {
	margin: 2em 0;
	text-align:center;
	font-weight:normal;
	font-size:17px;
}
.footerbox {
	/*padding: 0px 127.484px 0px 127.516px;*/
	background-image: url("../img/footerbg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 -1.631em;
	border-left: 0px;
	border-right: 0px;
}
@media only screen and (min-width: 640px) {
	/* For tablets: */

}

@media only screen and (min-width: 768px) {
	/* For desktop: */
	.footerbox {
		margin: 0 -3.631em;
	}
	.full-width {
		max-width: 75.998em;
		margin: 0 6.5%;
		/*width: 100%;*/
	}
	body{
		padding: 0 3.618em;
	}
	.head-title {
		font-size:28px;
		font-weight: 600;
	}
	.line-separator{
		max-width: 35em;
		height:1px;
		background:#f05a28;
		border-bottom: 0.32em solid #f05a28;
		border-radius:4px;
	}
}